jquery ajax

简介: 一、可以设置全局属性,这样以后调用起来很简洁。 jQuery.ajaxSetup() 代码: $.ajaxSetup({ url: "/xmlhttp/", global: false, type: "POST"}); $.

一、可以设置全局属性,这样以后调用起来很简洁。

jQuery.ajaxSetup() 代码:

$.ajaxSetup({ url: "/xmlhttp/", global: false, type: "POST"});

$.ajax({ data: myData });

设置全局AJAX默认选项

 

二、jquery ajax全解析

01、jquery ajax全解析--参数说明

02、jquery ajax全解析—$.post()

03、jquery ajax全解析--jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件。

使用jQuery加载js脚本

案例:使用财付通加载银行列表时,就采用的getScript,由于加载时间太长,所以在加载过程中放入了一个div动画,等待加载完毕隐藏此div。

<!--财付通B2C提供的银行列表样式,共有三种,这是最窄的一种-->
<link rel="stylesheet" type="text/css" href="http://union.tenpay.com/bankList/css_col2.css"/>
<!--jquery js库-->
<script type='text/javascript' src='http://union.tenpay.com/bankList/jquery.js'></script>
<!--加载银行列表,并放置到div-->
<script>$.getScript("http://union.tenpay.com/bankList/bank.js");</script>
<!--放置银行列表的div块-->
<div id="tenpayBankList" style="text-align: center;"></div>
<!--用户选择的银行类型值,默认财付通-->
<input type="hidden" name="bank_type_value" id="bank_type_value" value="0">

//////////////////////////////////////////////////////////////////////////////////

<script type="text/javascript">
   //getScript加载完毕后,关闭转圈图
   $.ajaxSetup({
       cache: true,
       beforeSend:function(XMLHttpRequest){
           console.log("getScript 开始加载银行列表...");
           $("#loading").show(); 
       },
       //success请求成功之后
       success:function(result){
         console.log("getScript 成功..."); 
         $("#loading").hide();
       },
       //complete无论成功与否,都会执行
       complete:function(XMLHttpRequest,textStatus){ 
           console.log("getScript 完成..."); 
           $("#loading").hide();
       },
       error:function(XMLHttpRequest){
           console.log("getScript 加载失败...");
       }
   });
</script>



function payFrm(){
//后续添加的,用于判断用户是否选择了一个银行
if(!$('input:radio[name="bank_type"]').is(":checked")){            
            alert("提醒:请选择银行!");
            return false;
        }
}

04、jquery ajax全解析--serialize() 与 serializeArray()

开始做,坚持做,重复做
相关文章
N..
|
1月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
18 1
|
4月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
60 0
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
3月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
16 0
|
3月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
43 0
|
4月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
|
4月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
52 0
|
4月前
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
|
XML 开发框架 缓存
jQuery ajax - ajax()方法
jQuery ajax - ajax()方法
145 0
jQuery ajax - ajax()方法
|
JSON JavaScript 前端开发