035_jQuery Ajax的ajaxSetup方法
生活随笔
收集整理的這篇文章主要介紹了
035_jQuery Ajax的ajaxSetup方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. $.ajaxSetup()方法設置全局AJAX默認選項。
2. 語法
$.ajaxSetup({name:value, name:value, ...})3. $.ajax()方法的參數在$.ajaxSetup()方法中都能設置。可使多個$.ajax()方法公用參數。
4. 例子
4.1. 新建一個名為jQueryAjaxSetup的WEB工程
4.2. 新建test.json
{"data": {"code": 1, "info": "success", "msg": "請求成功。"}}4.3. 新建test.xml
<?xml version="1.0" encoding="UTF-8"?> <data><code>1</code><info>success</info><msg>請求成功。</msg> </data>4.4. 新建index.html
<!DOCTYPE html> <html><head><title>jQuery-Ajax的ajaxSetup()方法</title><meta charset="utf-8" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){$.ajaxSetup({type: 'get',cache: false,async: true,timeout: 50000, context: $("#result"),success: function(response,textStatus,jqXHL){console.log('-------success Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);} console.log('-------success End-------------');$(this).text(jqXHL.responseText);},error: function(jqXHL,textStatus,error){console.log('-------error Start-------------');for(var i = 0; i < arguments.length; i++){console.log(arguments[i]);} console.log('-------error End-------------');}});$('#btn1').click(function(){$.ajax({url: 'test.json',dataType: 'json'});});$('#btn2').click(function(){$.ajax({url: 'test.xml',dataType: 'xml'});});});</script><style type="text/css">div {width: 450px;height: 100px;background-color: pink;}</style></head><body> <div id="result">結果區域</div><br /><button id="btn1">獲取test.json</button> <button id="btn2">獲取test.xml</button></body> </html>4.5. 運行項目
總結
以上是生活随笔為你收集整理的035_jQuery Ajax的ajaxSetup方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 034_jQuery Ajax的getJ
- 下一篇： 036_jQuery Ajax全局回调函