2019独角兽企业重金招聘Python工程师标准>>>

这是在nanjinonline项目中的user_main.html页面中,Ajax局部事件

<script>$(function() {var usrcustid = $('#UsrCustId_query').val();//取值if (usrcustid == "") {alert("您还没注册汇付天下账号!")$('#acc_bal').html("0.00");//填充值$('#avl_bal').html("0.00");$('#frz_bal').html("0.00");} else {var UsrCustId = $('#UsrCustId_query').val();var data = "UsrCustId=" + UsrCustId;//$.ajax方法,详细见下文$.ajax({type: "POST",url: "/?huifu&do=queryBalance",beforeSend: function(XMLHttpRequest) {var html = '';html += "<img alt=\"loading\" src=\"themes/nanjin/images/loading.gif\" style=\"height:20px;width:20px;\" />";//点开账户中心,个人详细信息,那个转动的加载图标$('#acc_bal').html(html);$('#avl_bal').html(html);$('#frz_bal').html(html);},success: function(response) {$('#acc_bal').html("");//给个人信息置空,取消掉转动的加载图标$('#avl_bal').html("");$('#frz_bal').html("");if (response == "error") {alert("获取汇付余额失败,请刷新重试!");$('#acc_bal').html("0.00");$('#avl_bal').html("0.00");$('#frz_bal').html("0.00");return false;} else {var obj = eval('(' + response + ')');if (obj.RespCode == "000") {$('#acc_bal').html(obj.AcctBal);//把返回的对象值填充$('#avl_bal').html(obj.AvlBal);$('#frz_bal').html(obj.FrzBal);} else {alert(decodeURIComponent(obj.RespDesc));$('#acc_bal').html("0.00");$('#avl_bal').html("0.00");$('#frz_bal').html("0.00");}}}});}</script>

jquery中的ajax方法参数,这里记录一下。

1.url
要求为String类型的参数,(默认为当前页地址)发送请求的地址。

2.type
要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。

3.timeout
要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。

4.async
要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

5.cache
要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。

6.data:

要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看  processData选项。对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。

7.dataType
要求为String类型的参数,预期服务器返回的数据类型。如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。可用的类型如下:
xml:返回XML文档,可用JQuery处理。
html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。
json:返回JSON数据。
jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
text:返回纯文本字符串。

8.beforeSend
要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数

 function(XMLHttpRequest){this;   //调用本次ajax请求时传递的options参数}

9.complete
要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。

   function(XMLHttpRequest, textStatus){this;    //调用本次ajax请求时传递的options参数}

10.success

要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。
         (1)由服务器返回,并根据dataType参数进行处理后的数据。
         (2)描述状态的字符串。

   function(data, textStatus){//data可能是xmlDoc、jsonObj、html、text等等this;  //调用本次ajax请求时传递的options参数}

11.error:
要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下:
       function(XMLHttpRequest, textStatus, errorThrown){
          //通常情况下textStatus和errorThrown只有其中一个包含信息
          this;   //调用本次ajax请求时传递的options参数
       }

12.contentType
要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。

13.dataFilter
要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
            function(data, type){
                //返回处理后的数据
                return data;
            }

14.dataFilter
要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
            function(data, type){
                //返回处理后的数据
                return data;
            }

15.global
要求为Boolean类型的参数,默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。

16.ifModified
要求为Boolean类型的参数,默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。默认值是false,即忽略头信息。

17.jsonp
要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,例如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

18.username
要求为String类型的参数,用于响应HTTP访问认证请求的用户名。

19.password
要求为String类型的参数,用于响应HTTP访问认证请求的密码。

20.processData
要求为Boolean类型的参数,默认为true。默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息,请设置为false。

21.scriptCharset
要求为String类型的参数,只有当请求时dataType为"jsonp"或者"script",并且type是GET时才会用于强制修改字符集(charset)。通常在本地和远程的内容编码不同时使用。

转载于:https://my.oschina.net/yuanyichuan/blog/415880

Ajax实例(一)$.ajax的应用相关推荐

  1. ajax入门实例代码,AJAX、AJAX实例及AJAX源代码

    AJAX.AJAX实例及AJAX源代码 作者:佚名 来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术 开放式WE ...

  2. ajax静态页面实例,AJAX实例:Ajax实现静态页面分页

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 document.getElementById('right').innerHTML='Edit'; } function save() { //保存修改 ...

  3. mvc js ajax实例,MVC ajax异步上传文件例子(ajaxFileUpload)

    [实例简介] [实例截图] [核心代码] $(function () { $(":button").click(function () { if ($("#file1&q ...

  4. ajax资料收集-Ajax文章(教程和实例)---Ajax资源下载(源码和教程)---Ajax规范标准

    CSDN Blog Ajax文章搜索: http://search.csdn.net/search/ajax/1/blog/ 专题:Ajax技术应用开发 http://www.51cto.com/ht ...

  5. ajax使用教程——ajax使用方法及相关知识点详细解析

    写在前面: 本文主要总结整理ajax使用方法背景知识点的详细解析,以及ajax跨域的具体使用方式并且对栗子进行了讲解,需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望通过本文能够作为 ...

  6. php与Ajax实例

    ****************AJAX的学习要有JavaScript.HTML.CSS等基本的Web开发能力**************** [AJAX介绍] Ajax是使用客户端脚本与Web服务器 ...

  7. flask 和 ajax 实例

    flask 和 ajax 实例 项目结构: test.py from flask import Flask, render_template, request app = Flask(__name__ ...

  8. jQuery Ajax 实例 ($.ajax、$.post、$.get)

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看, 地址为:h ...

  9. jQuery Ajax 实例 全解析(转)

    jQuery Ajax 实例 全解析 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我 ...

  10. ajax html例子,AJAX实例

    AJAX实例 实例一:一个简单的AJAX实例 创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据 实例 function loadXMLDoc() { var xmlhttp; i ...

最新文章

  1. linux 内核 出错-HP 方案
  2. 网易博客迁移(2011-05-27)
  3. python3下载教程-《Python3从入门到放弃》视频教程
  4. Python 套接字-判断socket服务端有没有关闭的方法实例演示,查看socket运行状态
  5. jzoj6287-扭动的树【区间dp】
  6. fcfs调度算法_FCFS:先来先服务调度算法
  7. 【小松教你手游开发】【游戏渲染】单色shader,纹理shader
  8. 骑士资本高频交易系统事故案例分析
  9. Excel常用技巧大全
  10. [Verilog]半减器,全减器设计
  11. 那些年的广告语【持续更】
  12. 恒指2.25日预测及操作建议
  13. 使用 pytesseract 实现PDF中文识别(附源码及解释)
  14. python从入门到实践16章答案
  15. 基于opengl的3d漫游游戏 - 古堡危机之丧尸围城
  16. L1-020 帅到没朋友 (20 分)
  17. PAT甲级 1027 Colors in Mars (20分)
  18. 手机号码与邮箱验证的正则表达式及其常用正则表达式
  19. Rational Rose 建立图书管理系统模型UML
  20. 调用小程序OCR插件识别身份证信息

热门文章

  1. AI的阿基里斯之踵:模糊性
  2. 科学家发联合声明:强烈谴责首例免疫艾滋病基因编辑
  3. 预计2024年全球医疗AI市场超100亿美元
  4. Unix操作系统背后的女程序员Lorinda Cherry去世,享年78岁
  5. 粽子也内卷?2021 互联网大厂端午礼盒大盘点
  6. 腾讯面试官用「B+树」虐哭我了
  7. 老码农揭开行业黑幕:如何编写无法维护的代码
  8. MongoDB性能测试代码
  9. 维基百科创始人:将欧盟隐私规定推至全球将带来灾难
  10. Zookeeper--Zookeeper是什么