jquery中get和post的简单实例

例子:

test.html
页面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

内容有:
<div id="divMsg">Hello World!</div>

用法1:(页面载入时读取远程页面内容到divMsg)

$("#divMsg").load(http://localhost:8012/t.php, { "resultType": "html" });

返回类型resultType有如下几种:

"xml", "html", "script", "json", "jsonp", "text"

用法2:(点击post数据返回数据)


代码如下:

<input type="button" id="bnajax" value="ajax" onclick="ajaxTest()" />
<script type="text/javascript" >
 function ajaxTest()
 {
  $.post("http://localhost:8012/t.php", { "txt": "123" },function(data)

{
   $("#divMsg").html(data);
  }
  );
 }
</script>

下面是摘自网络的函数:

post方法如下：


代码如下:

function test(access_url, tipE){

$.post(access_url,{ 
            first: "test1", second: "test2"
            }, function(data){
                    if(data.success){
                        $('#' + tipE).html('处理成功');
                    }else{
                        $('#' + tipE).html(data.msg);   
                    }
            },'json'
       )
    }

如果想用get方法，则把post换为get就可以了，挺简单！

这个函数中data值为服务端返回的值，且为JSON格式，当然了，这里可以用其他类型，如text,xml等等之类。

服务端返回值是JSON格式，如：{success:true, msg:"测试成功"}

赞 (0)

相关推荐

  • jquery.post用法示例代码

    使用ajax在前端验证是否执行某个操作 jquery.post参数为 url,[data],[callback],[type] url:发送请求地址. data:待发送 Key/value 参数. callback:发送成功时回调函数. type:返回内容格式,xml, html, script, json, text, _default. 复制代码 代码如下: $.post('admin/HhCheckVote.do?ids=' + '${ids}', {}, function(flag) {

  • jquery.post用法关于type设置问题补充

    jquery.post用法 http://www.jb51.net/article/45181.htm当使用ajax获取data数据的时候,直接data.foo就可以得到.而较低版本的jquery就不行比如1.4之前 复制代码 代码如下: $.post('/admin/UserBookView.do', {}, function(data) { console.info(data); }); 打印data信息,显示的是json格式的字符串,如下: 复制代码 代码如下: {"acceptIs&qu

  • jquery中get,post和ajax方法的使用小结

    在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){//1.获取文本框的数据 //通过DOM的方式获取//document.getElementByIdx("userName");//通过JQuery的方式获取var jqueryObj = $("#userName");//获取节点的值var userName = jqueryObj.val(); /

  • jQuery的3种请求方式$.post,$.get,$.getJSON

    $.post,$.get,$.getJSON是jQuery的3种请求方式 1.$.get就是get方式提交数据,用法:$.get(url,data,callback),例: 复制代码 代码如下: $.get("../saveUser.action",{ 'userId':123, 'userCode':'123' },function(data)){} 2.$.post就是post提交,一般来说,相对比较安全,用法:$.post(url,data,callback),例: 复制代码 代

  • jQuery中get和post方法传值测试及注意事项

    用 jQuery 的都知道,jQuery 的 get 和 post 方法有三个参数:地址,数据 和回调函数,但我们知道地址也可以跟随数据的(形如:get_data.php?v1=1&v2=2),而且第二个参数可以省略,即第二个参数可 以直接写回调函数,那么数据写在地址后面和写在 data 参数里有什么区别呢? 刚刚做了几个实验,看看下面的代码就清楚了: 以下内容需要回复才能看到 jquery_data.php echo "post: "; print_r($_POST); ec

  • jquery.post用法之type设置问题

    当使用ajax获取data数据的时候,直接data.foo就可以得到.而较低版本的jquery就不行比如1.4之前 复制代码 代码如下: $.post('/admin/UserBookView.do', {}, function(data) { console.info(data); }); 打印data信息,显示的是json格式的字符串,如下: 复制代码 代码如下: {"acceptIs":null,"entity":null,"refuseIs&quo

  • jquery中$.post()方法的简单实例

    在jqery中有这样一个方法,$.post()下面就这个方法做一个简单的实例: jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示. callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调

  • JQuery中Ajax的Post提交在IE下中文乱码的解决方法

    引言: 在JQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢? 问题的引入: 复制代码 代码如下: var regid = $('#oregion').combobox('getValue'); //var sname = $('#sname').val(); var sname = encodeURI($('#sname').val(),"UTF-8"); if(regid!=""&&regid!='und

  • jQuery调用AJAX时Get和post公用的乱码解决方法实例说明

    以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法,但是使用js代码比较繁琐,我们在使用ajax进行数据交互时可以使用js的一个成熟框架---jQuery. 一个网站的设计,不管是注册登录还是分页查找,都需要提交参数到服务器以便得到所需的页面数据.为了减少用户因刷新页面带来的煎熬,ajax诞生.但是初学者进行项目开发时,会遇到一个很烦人的问题:中文乱码. 下面我就通过一个简单的实例来告诉大家哪些地方可能会导致乱码,我们需要通过什么方式来解决. 我们这个实例主要实现用户注册时用户名

  • javasciprt下jquery函数$.post执行无响应的解决方法

    在编写javascirpt程序过程中,用$.post方法发送数据,若数据中字符含有'<',将导致$.post无法成功执行. 复制代码 代码如下: var jsonstr='{"value":"abcd<efg"}'; $.post( url, { "jsonstr": jsonstr }, function (data, status) { }); 需要将其转义后再使用,使用下面的transferredChars函数转义后,再传递数据

  • Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数. 而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明 复制代码 代码如下: $.get("dat

  • Jquery AJAX POST与GET之间的区别

    1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的] 设计WEB页面的时候 也应该遵守这个原则 2:一.谈Ajax的Get和Post的区别

  • jquery ajax post提交数据乱码

    在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件chrome和ie都没有指定,所以出现乱码问题.解决方法: 复制代码 代码如下: $.ajaxSetup({  contentType: "application/x-www-form-urlencoded; charset=utf

  • Jquery Post处理后不进入回调的原因及解决方法

    今天做一个简单的增加数据,通过Jquery的Post方法,把Json数据传到Jsp后台,处理后却怎么都不进入回调函数, $.post("addGs.do","x=" + JSON.stringify(x) ,function(d){ alert('成功'); } ,"json" ); 通过FF调试发现返回数据正常,200Ok, 没办法,又看看Jquery API,说如果最后的参数是Json时,要求返回的数据是Json格式, 会不会是返回的Json

  • jquery中post方法用法实例

    本文实例讲述了jquery中post方法的用法,分享给大家供大家参考.具体用法分析如下: 在使用jquery实现网站的异步交互时,常用的两个函数为get和post方法,get方法使用很简单,直接提交get请求即可,如果有参数,直接追加到url后面就行,但是使用post方法时,传递参数,需要和url分开写,使得传参变得麻烦了,不过这样做起来更安全一些,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象),这里就详细介绍一下post是怎样传递参数的. 首先写一个html代码如

随机推荐