数据请求jQuery之Ajax请求

本文探讨了从客户端向服务器发送Ajax请求的传统方式的繁琐性,并介绍了使用jQuery提供的ajax(option)方法如何简化这一过程。通过示例展示了如何轻松配置请求类型、URL、数据及响应处理,同时分享了一些程序员的笑话语录,为读者带来轻松愉快的阅读体验。

最近朋友几篇文章介绍了改数据请求的文章. 关联文章的地址

    

从前从客户端页面向服务器发送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.");
});

文章结束给大家分享下程序员的一些笑话语录:  一边用着越狱的ip,一边拜乔帮主的果粉自以为是果粉,其实在乔帮主的眼里是不折不扣的叛徒。

转载于:https://www.cnblogs.com/jiangu66/archive/2013/05/21/3091746.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值