针对上一篇JQuery学习中使用JQuery和Prototype整合使JQuery的tab实现局部数据,使用Prototype的Ajax中方法,现在使用JQuery实现同样的功能,如下:
jquery.js下载地址:http://dl.iteye.com/topics/download/f961ee8e-24fb-32b5-830a-b18e471e42f9
jQuery真是个非常强大的类库,今天学习了一下,爱上了,讲下jQuery中ajax使用方法.
例子:
test.html
页面引用<script type="text/javascript" src="jquery.js
"></script>
内容有:
<div id="my400800">Hello World!</div>
用法1:(页面载入时读取远程页面内容到divMsg)
$("#my400800").load(http://www.my400800.cn
, { "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://www.my400800.cn
", { "searchKey": "400电话" },function(data)
{
$("#my400800").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:"测试成功"}
AJAX乱码问题
产生乱码的原因:
1、xtmlhttp 返回的数据默认的字符编码是utf-8,如果客户端页面是gb2312或者其它编码数据就会产生乱码
2、post方法提交数据默认的字符编码是utf-8,如果服务器端是gb2312或其他编码数据就会产生乱码
解决办法有:
1、若客户端是gb2312编码,则在服务器指定输出流编码
2、服务器端和客户端都使用utf-8编码
gb2312:header('Content-Type:text/html;charset=GB2312');
utf8:header('Content-Type:text/html;charset=utf-8');
注意:
如果你已经按上面的方法做了,还是返回乱码的话,检查你的方式是否为get,对于get请求(或凡涉及到url传递参数的),被传递的参数
都要先经 encodeURIComponent方法处理.如果没有用encodeURIComponent处理的话,也会产生乱码.
相关推荐
jQuery ajax、post、get、json格式传递数据例子 jQuery ajax、post、get、json格式传递数据例子
load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 ...jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。
PHP+Jquery+AJAX POST,GET提交表单并接收返回
本项目使用了jQuery的get/post两种方法提交Json格式的数据到后台,后台再把Json格式的数据传到前台。实现了JSON字符串和JSON对象之间的转换。
主要介绍了Jquery AJAX POST与GET之间的区别详细介绍的相关资料,需要的朋友可以参考下
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
asp+ajax(jQuery)实例($.ajax()、$.post()、$.get()、$.getJSON()四种模式可选 Ajax是目前比较流行的网站建设技术,尤其作为网站建设者来说,掌握它十分有必要,如果用原生Javascript开发则比较困难,还好有强大的...
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...
jqueryajax的$post和$get方法共3页.pdf.zip
1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 ...Get方式:用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的
jquery的ajax数据交互方法,$.post()方法.$get()方法详细解析
封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助
该PPT是关于ajax的简介,主要简单描述ajax请求的post和get方法等
在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){//1.获取文本框的数据 //通过DOM的方式获取//document.getElementByIdx(“userName”);//通过...
刚接触学会用jQuery ajax的时候,觉得真东西好神奇,这样就可以把数据取回来了啊。然后我可以把取回来的数据渲染到页面上,一颗赛艇。 之前很早接触到项目,并不知道怎么优雅的去用jquery ajax(现在也不优雅); ...
Ajax的post方法的使用,Ajax的post方法的使用,在http协议中还有,get、put、head、和delete
今天看到群里面有网友们问到Jquery Ajax的(load,post,get,ajax)之间的区别,现在整理了一篇文章出来,希望可以帮到网友们,首先我们先来看一些简单的方法, 这些方法都是对jQuery.ajax()进行封装以方便我们使用的...
简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:参数 key/value 对象,包含各...