JQuery和Ajax.docxVIP

  1. 1、本文档共8页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
JQuery和Ajax

?jQuery.get( url, [data], [callback] ):使用GET方式来进行异步请求 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。 示例 请求 test.php 网页,忽略返回值: ?代码如下复制代码$.get(test.php);例子 1 请求 test.php 网页,传送2个参数,忽略返回值: ?代码如下复制代码$.get(test.php, { name: John, time: 2pm } );例子 2 显示 test.php 返回值(HTML 或 XML,取决于返回值): ?代码如下复制代码$.get(test.php, function(data){ ? alert(Data Loaded: + data); });例子 3 显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数: ?代码如下复制代码$.get(test.cgi, { name: John, time: 2pm }, ? function(data){ ??? alert(Data Loaded: + data); ? });例子 4 ?代码如下复制代码$.get(./Ajax.aspx, { HYPERLINK /list-114/ \t _blank Action:get,Name:lulu}, function (data, textStatus){ //返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等. this; // 在这里this指向的是Ajax请求的选项配置信息,请参考下图 alert(data); //alert(textStatus);//请求状态:success,error等等。 当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。示例代码: Ajax.aspx: ?代码如下复制代码Response.ContentType = application/json; Response.Write({result: + Request[Name] + ,你好!(这消息来自服务器)});jQuery 代码: $.post(Ajax.aspx, { Action: post, Name: lulu }, function (data, textStatus){ // data 可以是 xmlDoc, jsonObj, html, text, 等等. //this; // 这个Ajax请求的选项配置信息,请参考jQuery.get()说到的this alert(data.result); }, json); ?1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。 ?url:是指要导入文件的地址。 ?data:可选参数;因为Load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。 ?callback:可选参数;是指调用load方法并得到服务器响应后,再执行的另外一个函数。 一:如何使用data 1.加载一个php文件,该php文件不含传递参数 ?代码如下复制代码$(#myID).load(test.php);//在id为#myID的元素里导入test.php运行后的结果 2. 加载一个php文件,该php文件含有一个传递参数 ?代码如下复制代码$(#myID).load(test.php,{name : Adam});//导入的php文件

文档评论(0)

xcs88858 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

版权声明书
用户编号:8130065136000003

1亿VIP精品文档

相关文档