脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery之Ajax请求，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
从前从客户端页面向服务器发送Ajax请求，需要在js中先创建XMLHttPRequest对象，对象创建好以后使用OPEN（'GET/POST',URL，同步/异步）设置提交方式，url地址，使用同步还是异步方式。然后使用send(data)向服务器发送数据，同时使用onreadystatechange来绑定回调函数。如果是使用GET方式提交数据，那么就直接在URL地址中拼接数据，如果是使用POST方式要先设置请求头setRequestHeader("Content-type","application/x-www-form-urlencodeed"),然后再使用send（）方法发送数据。在回调函数里面还要对readyState进行判断看当前状态是否已经完成（readyState=4），以及服务器是否成功返回（status=200）,然后再做相应的处理。整过过程显得很麻烦，而且创建的XMLHttpRequest还会根据浏览器的不同而不同，显得很麻烦。
使用了jQuery为我们提供的ajax(option)就非常方便了，只需要这样做就可以了：
$.ajax({
type: "POST",
url: "RegService.do",
data: "name=John&location=Boston",
dataType:'json',
success: function(msg){
alert( "Data Saved: " + msg );
}
});
type是指定提交数据的方式是post还是get，url是数据提交给服务器的URL地址，data是提交给服务器的数据，如果是get方式还可以在URL地址中拼接，dataType表示服务器返回的数据按什么组织，success表示数据成功返回时的回调函数。还可以使用jquery.get(url,[data],[callback])这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。jQuery.getJSON(url,[data],[callback])通过 HTTP GET 请求载入 JSON 数据。jQuery.post(url,[data],[callback])这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。jQuery.getScript(url,[callback])通过 HTTP GET 请求载入并执行一个 JavaScript 文件。如：$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery之Ajax请求全部内容，希望文章能够帮你解决javascript代码实例教程-jQuery之Ajax请求所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。