*\u6ce8\u610fajax\u5fc5\u987b\u662f\u5728\u642d\u5efa\u597d\u7684web\u670d\u52a1\u5668\u4e0b\u8bbe\u7f6e<\/p>\n
$.ajax({\r\n type:\"\",\r\n url:'',\r\n timeout:\r\n async:\r\n cache:\r\n data:\r\n dataType:\r\n beforeSend:\r\n complete:\r\n success:\r\n error:\r\n jsonp:\r\n contentType:\r\n dataFilter:\r\n global:\r\n ifModified:\r\n username:\r\n password:\r\n processData:\r\n scriptCharset:\r\n});\r\n\r\n\u66f4\u591a\u53c2\u6570\u8bf7\u53c2\u8003\uff1ahttps:\/\/sdeno.com\/jq\/jQuery.ajax.html<\/a><\/pre>\n <\/p>\n
ajax\u662f\u591a\u6280\u672f\u96c6\u5408\uff0c\u53ea\u8981\u6d4f\u89c8\u5668\u652f\u6301js\u5c31\u80fd\u8fd0\u884cajax
\n\u51cf\u8f7b\u670d\u52a1\u5668\u548c\u5e26\u5bbd\u8d1f\u62c5\u3002
\nload()\u662f\u5c40\u90e8\u65b9\u6cd5 \u6bd4\u8f83\u9002\u5408\u505a\u4e00\u4e9b\u9759\u6001\u9875\u9762\u5904\u7406<\/p>\n
\u4e3e\u4f8b
\nindex.htm
\n<button><\/button>
\n<div id=”box”><\/div><\/p>\n
index.htm\u6587\u4ef6\u91cc\u9762\u7684#box\u91cc\u9762\u8981\u52a0\u8f7d\u4e00\u4e9b\u5185\u5bb9\u8fdb\u53bb
\n\u53ef\u4ee5\u8fd9\u4e48\u5199
\n$(‘#button’).click(function(){
\n$(‘#box’).load(‘test.html’);
\n});<\/p>\n
#box\u91cc\u9762\u52a0\u8f7d\u8fdb\u6765\u4e86test.html\u91cc\u9762\u7684\u5185\u5bb9<\/p>\n
load()\u63d0\u4ea4\u65b9\u5f0f\u9ed8\u8ba4\u662fget \u4e8e\u662f\u5730\u5740\u5c31\u53ef\u4ee5\u8fd9\u4e48\u63d0\u4ea4
\n\u4ee5get\u5e26\u53c2\u6570\u63d0\u4ea4\u7ed9\u670d\u52a1\u5668
\n$(‘#box’).load(‘test.html?a=b&c=d’);
\nget\u53ef\u4ee5\u5e26\u53c2\u6570\u63d0\u4ea4\u6570\u636e\u7ed9\u670d\u52a1\u5668
\n\u5185\u5bb9\u8fc7\u6ee4
\n$(‘#box’).load(‘test.html .url’);
\n\u83b7\u53d6\u5f97\u5230\u7684test.html\u5185\u5bb9\u8fdb\u884c\u7b5b\u9009 \u4e0a\u9762\u610f\u601d\u662f\u628a
\n\u540d\u4e3aclass=”url”\u7684\u5143\u7d20\u5185\u5bb9\u52a0\u8f7d\u8fdb\u5230#box\u91cc\u9762\u3002<\/p>\n
<\/p>\n
\u4ee5Post\u65b9\u5f0f\u63d0\u4ea4\u53c2\u6570\u7ed9\u670d\u52a1\u5668
\n$(‘#button’).click(function(){
\n$(‘#box’).load(‘test.html’,{
\nurl:’ycku’
\n});
\n});<\/p>\n
<\/p>\n
<\/p>\n
\u56de\u8c03\u51fd\u6570<\/p>\n
response \u53c2\u6570\u5c31\u662f\u83b7\u53d6\u5f97\u5230\u7684test.html\u5185\u5bb9
\n\u4f5c\u7528\u5c31\u662f\u628a\u5f97\u5230\u7684\u5185\u5bb9\u9700\u8981\u8fdb\u884c\u7f16\u8f91\u65f6\u7528\u5230\u3002
\n$(‘#button’).click(function(){
\n$(‘#box’).load(‘test.html’,{
\nurl:’ycku’
\n},function(response,status,xhr){
\n$(‘#box’).html(response+’123′);
\n});
\n});
\nstatus\u662f\u6307\u5982\u679c\u83b7\u53d6\u5230\u7684\u5185\u5bb9\u72b6\u6001\uff0c\u6210\u529f\u65f6\u600e\u4e48\u6837
\n\u5931\u8d25\u65f6\u600e\u4e48\u6837\u3002success error<\/p>\n
$(‘#button’).click(function(){
\n$(‘#box’).load(‘test.html’,{
\nurl:’ycku’
\n},function(response,status,xhr){
\nif(status==’success’){
\n\u5982\u679c\u83b7\u53d6\u5230\u5185\u5bb9\u6210\u529f\u540e\u8981\u505a\u4ec0\u4e48\u4ee3\u7801\u5199\u8fd9\u91cc..
\n}
\n});
\n});<\/p>\n
<\/p>\n
xhr\u662f\u4e00\u4e2a\u603b\u5bf9\u8c61\u5b83\u91cc\u9762\u7684\u5c5e\u6027\u5c31\u6709response\u548cstatus\uff0c
\n\u56e0\u4e3aresponse\u548cstatus\u5f88\u91cd\u8981\u6240\u4ee5\u5f00\u53d1\u7684\u65f6\u5019\u5c31\u72ec\u7acb\u5199\u4e86\u51fa\u6765\u3002
\nxhr\u5bf9\u8c61\u67094\u4e2a\u5c5e\u6027\u5206\u522b\u662f\uff1a
\nresponseText xhr.responseText \u8ddf response\u529f\u80fd\u4e00\u6837
\nresponseXML xhr.responseXML
\nstatus xhr.status \u83b7\u53d6\u5185\u5bb9\u6210\u529f\u8fd4\u56de200
\n$.get()
\n$(‘input’).click(function(){
\n$.get(‘test.php?url=ycku’,function(response,status,xhr){
\n$(‘#box’).html(response);
\n});
\n});<\/p>\n
<\/p>\n
$(‘input’).click(function(){
\n$.get(‘test.php’,’url=ycku’,function(response,status,xhr){
\n$(‘#box’).html(response);
\n});
\n});<\/p>\n
<\/p>\n
$(‘input’).click(function(){
\n$.get(‘test.php’,{
\nurl:’ycku’
\n},function(response,status,xhr){
\n$(‘#box’).html(response);
\n});
\n});
\n$.post()\u8ddf$.get()\u5dee\u4e0d\u591a\uff0c\u53ea\u662f\u4e0d\u80fd\u7528\u5e26?\u8bf7\u6c42\u670d\u52a1\u5668\u4f20\u9012\u5185\u5bb9<\/p>\n
<\/p>\n
<\/p>\n
$.getJSON\u7528\u6cd5\u4e5f\u662f\u8ddfget\u548cpost\u5dee\u4e0d\u591a<\/p>\n
$(‘input’).click(function(){
\n$.getJSON(‘test.php’,{
\nurl:’ycku’
\n},function(response,status,xhr){
\nalert(response[0].url); \u00a0\/\/\u6570\u7ec4\u7b2c\u4e00\u4e2a\u4f4d\u7f6e\uff0c\u5e76\u4e14\u662f\u5bf9\u8c61\u5c5e\u6027url
\n});
\n});<\/p>\n
JSON\u5185\u5bb9\u662f\uff1a<\/p>\n
[{url:’\u4f60\u597d’}]<\/p>\n
<\/p>\n
<\/p>\n
$.getScript()<\/p>\n
\u4e00\u822c\u6211\u4eec\u5728\u8c03\u7528JS \u7684\u65f6\u5019\u90fd\u8981\u52a0\u8f7d\u5230\u9875\u9762\u4e2d\u4e0d\u7ba1\u7528\u4e0d\u7528\u90fd\u5df2\u7ecf\u52a0\u8f7d\u8c03\u7528\u4e86\uff0c\u4f46\u662f\u6211\u4eec\u8981\u4e4b\u540e\u88ab\u8c03\u7528\u7684\u65f6\u5019\u624d\u52a0\u8f7d\u8fdb\u6765\uff0c\u53ef\u4ee5\u4f7f\u7528$.getScript()\u3002<\/p>\n
$(‘input’).click(function(){<\/p>\n
$.getScript(‘test.js’);
\n});<\/p>\n
————————<\/p>\n
$.ajax\u53ef\u4ee5\u53d6\u4ee3\u4e0a\u9762\u6240\u6709\u7684\u65b9\u6cd5<\/p>\n
$.ajax()\u65b9\u6cd5\u53c2\u6570\u8be6\u89e3<\/a><\/p>\n$.ajax\u5178\u578b\u7684\u7528\u6cd5
\n$(‘input’).click(function(){
\n$.ajax({
\ntype:’POST’,
\nurl:’test.php’,
\ndata:{url:’ycku’},
\nsuccess:function(response,status.xhr){ $(‘#box’).html(response) }
\n});
\n});
\n\u5229\u7528$.ajax\u628a\u8868\u5355\u7684\u6570\u636e\u4f20\u7ed9\u670d\u52a1\u5668
\n$(‘form input[type=button]’).click(function(){ \/\/\u70b9\u51fb\u6309\u94ae\u63d0\u4ea4\u65f6
\n$.ajax({
\ntype:’POST’, \/\/\u5c06\u6570\u636e\u4ee5Post\u65b9\u5f0f\u4f20\u7ed9\u670d\u52a1\u5668
\nurl:’test.php’, \/\/\u5c06\u6570\u636e\u4f20\u7ed9test.php\u6587\u4ef6
\ndata:{
\nuser:$(‘form input[name=user]’).val(), \/\/\u4f20\u9012\u7684\u6570\u636e\u5c31\u662fname=’user’\u91cc\u9762\u7684\u6570\u636e
\nemail: $(‘form input[name=email]’).val(),\/\/\u4f20\u9012\u7684\u6570\u636e\u5c31\u662fname=’email’\u91cc\u9762\u7684\u6570\u636e
\n},
\nsuccess:function(response,status.xhr){ $(‘#box’).html(response) } ,\/\/\u5728\u4ecetest.php\u8bf7\u6c42\u6570\u636e
\ntimeout:3000, \/\/\u5982\u679cajax\u52a0\u8f7d\u65f6\u95f4\u8d85\u8fc73\u5206\u949f\uff0c\u5c31\u505c\u6b62\u8fd0\u884c\u4e86\u3002
\nglobal:false \/\/ajax\u9ed8\u8ba4\u662f\u5168\u5c40\uff0c\u52a0\u4e0a\u8fd9\u7684ajax\u5c31\u4e0d\u63a5\u53d7\u5176\u4ed6\u7684\u5168\u5c40\u4e8b\u4ef6\u4e86
\n});
\n});
\n\u5bf9\u4e8e\u8868\u5355\u591a\u7684\u53ef\u4ee5\u4f7f\u7528.serialize()
\ndata:$(‘form’).serialize()<\/p>\n
serialize()\u83b7\u53d6\u5230\u7684\u6570\u636e\u5c31\u662fURL\u7f16\u7801\u5b57\u7b26,\u4f8b\u5982@ %23<\/p>\n
serializeArray()\u83b7\u53d6\u5230\u7684\u6570\u636e\u662f\u4ee5\u5bf9\u8c61\u5f62\u5f0f\u5c01\u88c5\u7684\u3002
\n\u83b7\u53d6\u65b9\u6cd5\uff1a
\n$(‘form input[name=sex]’).click(function(){
\nvar json = $(this)serializeArray();
\n$(‘#box’).html(json[0].name);
\n});<\/p>\n
<\/p>\n
$.ajaxSetup({ \/\/$.ajaxSetup()\u53ef\u4ee5\u5c06\u591a\u4f59\u7684\u90e8\u5206\u5c01\u88c5
\ntype;’POST’;
\nurl:’test.php’,
\n});<\/p>\n
<\/p>\n
\u5982\u679c\u63d0\u4ea4\u7684\u6570\u636e\u662f\u4ee5\u5bf9\u8c61\u7684\u5f62\u5f0f\u63d0\u4ea4\u7684\uff0c\u4f8b\u5982\uff1a
\ndata:{
\nuser:$(‘form input[name=user]’).val(), \/\/\u4f20\u9012\u7684\u6570\u636e\u5c31\u662fname=’user’\u91cc\u9762\u7684\u6570\u636e
\nemail: $(‘form input[name=email]’).val(),\/\/\u4f20\u9012\u7684\u6570\u636e\u5c31\u662fname=’email’\u91cc\u9762\u7684\u6570\u636e
\n},
\n\u4e0a\u9762\u662f\u4ee5\u5bf9\u8c61\u7684\u5f62\u5f0f\u4f20\u4e2a\u670d\u52a1\u5668\u3002<\/p>\n
\u9700\u8981\u63d0\u4ea4\u7684\u5bf9\u8c61\u6570\u636e\u89e3\u6790\uff0c\u9700\u8981\u7528\u5230$.param
\ndata:$.param({
\nuser:$(‘form input[name=user]’).val(), \/\/\u4f20\u9012\u7684\u6570\u636e\u5c31\u662fname=’user’\u91cc\u9762\u7684\u6570\u636e
\nemail: $(‘form input[name=email]’).val(),\/\/\u4f20\u9012\u7684\u6570\u636e\u5c31\u662fname=’email’\u91cc\u9762\u7684\u6570\u636e
\n}),
\n\u4e0a\u9762\u662f\u628a\u5bf9\u8c61\u8f6c\u6210URL\u5730\u5740\u7684\u5f62\u5f0f\u7a7f\u7ed9\u670d\u52a1\u5668<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
\u7528ajax\u7684\u65f6\u5019\u9047\u5230\u7f51\u901f\u5f88\u6162\u7684\u65f6\u5019,\u8981\u7ed9\u4e00\u4e2a\u6e29\u99a8
\n\u63d0\u793a,\u4f8b\u5982”\u6b63\u5728\u52a0\u8f7d\u4e2d”\u7684\u6548\u679c<\/p>\n
\u4f4e\u4e8e1.8\u7684\u7248\u672c\u53ef\u4ee5\u4f7f\u7528\u5982\u4e0b\u65b9\u6cd5\uff1a
\n$(‘.loading’).ajaxStart(function(){
\n$(this).show();
\n}).ajaxStop(function(){
\n$(this).hide();
\n});
\n1.8\u4ee5\u540e\u7684\u7248\u672c\u4f7f\u7528\u8fd9\u6837
\n$(document).ajaxStart(function(){
\n$(‘.loading’).show(); \/\/ajax\u8fd8\u6ca1\u52a0\u8f7d\u5b8c\u5c31\u6267\u884c\u8fd9\u91cc
\n}).ajaxStop(function(){
\n$(‘.loading’).hide(); \/\/ajax\u52a0\u8f7d\u5b8c\u5c31\u6267\u884c\u8fd9\u91cc
\n});
\najaxStart\u548cajaxStop\u662f\u5168\u5c40\u4e8b\u4ef6\u3002<\/p>\n
<\/p>\n
\u9519\u8bef\u63d0\u793a<\/p>\n
\u9002\u7528\u4e8e$.ajax\u7684\u9519\u8bef\u63d0\u793a
\n$.ajax({
\ntype:’POST’, \/\/ajax\u9009\u62e9POST\u65b9\u5f0f\u63d0\u4ea4\u6570\u636e
\nurl:’use.php’, \/\/\u5c06\u6570\u636e\u63d0\u4ea4\u5230\u8fd9\u4e2a\u6587\u4ef6
\ndata:$(‘form’).serialize(), \/\/\u83b7\u53d6\u5230form\u4e2d\u6240\u6709\u63d0\u4ea4\u7684\u6570\u636e
\nsuccess:function(response,status,xhr){ \/\/\u63d0\u4ea4\u7ed9use.php\u7684\u6570\u636e\u6210\u529f\u540e\u5c31\u6267\u884c\u7684\u51fd\u6570
\n$(‘#box’).html(response); \/\/\u83b7\u53d6\u63d0\u4ea4\u7ed9use.php\u6210\u529f\u7684\u6570\u636e
\n},
\ntimeout:3000, \/\/\u5982\u679c3\u5206\u949f\u8fd8\u6ca1\u80fd\u663e\u793a\u5185\u5bb9\u5c31\u5fc5\u987b\u505c\u6b62\u8fd0\u884cajax
\nglobal:false, \/\/\u5c06\u6b64ajax\u8bbe\u7f6e\u4e3a\u5c40\u90e8,\u5c31\u4e0d\u80fd\u63a5\u53d7\u5176\u4ed6\u5168\u5c40\u529f\u80fd\u4e86
\nerror:function(xhr,errorText,errorType){
\nalert(‘\u9519\u8bef’); \/\/ \u627e\u4e0d\u5230url\u5c31\u63d0\u793a\u9519\u8bef
\nalert(errorText+’:’+errorType);
\nalert(xhr.status+’:’+xhr.statusText);
\n}
\n});
\n\u9002\u7528\u4e8e$.post\u7684\u9519\u8bef\u63d0\u793a
\n$.post(‘use.php’).error(function(xhr,errorText,errorType){
\nalert(‘\u9519\u8bef’); \/\/ \u627e\u4e0d\u5230url\u5c31\u63d0\u793a\u9519\u8bef
\nalert(errorText+’:’+errorType);
\nalert(xhr.status+’:’+xhr.statusText);
\n});
\nerror() $.post\u5c40\u90e8\u7684\u65b9\u6cd5
\n\u4f7f\u7528\u5168\u5c40\u9519\u8bef\u63d0\u793aajaxError(),\u53ea\u8981\u662f\u5168\u5c40\u7684$.ajax $.get $.post\u51fa\u73b0\u4e86\u9519\u8bef
\n\u90fd\u4f1a\u7edf\u4e00\u8c03\u7528\u4ee5\u4e0b\u9519\u8bef\u63d0\u793a\uff0c\u5982\u679c\u662f\u52a0\u4e0a\u4e86global:false\u5c31\u4e0d\u4f1a\u8c03\u7528\u5176\u4ed6\u5168\u5c40\u4e8b\u4ef6<\/p>\n
$(document).ajaxError(function(event,xhr,settings,infoError){
\nalert(xhr.status+’:’+xhr.statusText);
\n});<\/p>\n
<\/p>\n
\u4ee5\u4e0a\u662fajax\u6267\u884c\u5931\u8d25\u540e\u6267\u884c\u7684\u65b9\u6cd5\uff0c\u4e0b\u9762\u4ecb\u7ecdajax\u6267\u884c\u6210\u529f\u540e\u6267\u884c\u7684\u65b9\u6cd5\u3002
\n\u5168\u5c40\u4e8b\u4ef6ajaxSend(),ajaxComplete(),ajaxSuccess(),ajaxError()<\/p>\n
$(document).ajaxSend(function(){
\nalert(‘\u6b63\u8981\u4f46\u662f\u8fd8\u6ca1\u89e6\u53d1ajax\u4e4b\u524d\uff0c\u6267\u884c\u8fd9\u91cc’);
\n}).ajaxComplete(function(){
\nalert(‘\u4e0d\u7ba1ajax\u6267\u884c\u6210\u529f\u8fd8\u662f\u5931\u8d25ajax\u8fd0\u884c\u7ed3\u675f\u65f6\uff0c\u6700\u540e\u90fd\u6267\u884c\u8fd9\u91cc’);
\n}).ajaxSuccess(function(){
\nalert(‘ajax\u6267\u884c\u6210\u529f\u624d\u6267\u884c\u8fd9\u91cc’);
\n}).ajaxError(function(){
\nalert(ajax\u6267\u884c\u5931\u8d25\u624d\u6267\u884c\u8fd9\u91cc”);
\n});
\n\u8bf7\u6c42\u6210\u529f\u540e\u7684\u5c40\u90e8\u4e8b\u4ef6\u5199\u6cd5
\n$.post\u6ca1\u6709\u5c40\u90e8\u7684\u6267\u884cajax\u524d\u7684\u89e6\u53d1\u4e8b\u4ef6<\/p>\n
$(‘form input[type=button]’).click(function(){
\n$.post(‘use.php’,$(‘form’).serialize()).success(function(){<\/p>\n
}).complete(function(){<\/p>\n
}).error(function(){<\/p>\n
});
\n});<\/p>\n
<\/p>\n
<\/p>\n
$.ajax({
\ntype:’POST’, \/\/ajax\u9009\u62e9POST\u65b9\u5f0f\u63d0\u4ea4\u6570\u636e
\nurl:’use.php’, \/\/\u5c06\u6570\u636e\u63d0\u4ea4\u5230\u8fd9\u4e2a\u6587\u4ef6
\ndata:$(‘form’).serialize(), \/\/\u83b7\u53d6\u5230form\u4e2d\u6240\u6709\u63d0\u4ea4\u7684\u6570\u636e
\nsuccess:function(response,status,xhr){ \/\/\u63d0\u4ea4\u7ed9use.php\u7684\u6570\u636e\u6210\u529f\u540e\u5c31\u6267\u884c\u7684\u51fd\u6570
\n$(‘#box’).html(response); \/\/\u83b7\u53d6\u63d0\u4ea4\u7ed9use.php\u6210\u529f\u7684\u6570\u636e
\n},
\ntimeout:3000, \/\/\u5982\u679c3\u5206\u949f\u8fd8\u6ca1\u80fd\u663e\u793a\u5185\u5bb9\u5c31\u5fc5\u987b\u505c\u6b62\u8fd0\u884cajax
\nglobal:false, \/\/\u5c06\u6b64ajax\u8bbe\u7f6e\u4e3a\u5c40\u90e8,\u5c31\u4e0d\u80fd\u63a5\u53d7\u5176\u4ed6\u5168\u5c40\u529f\u80fd\u4e86
\nerror:function(xhr,errorText,errorType){
\nalert(‘\u9519\u8bef’); \/\/ \u627e\u4e0d\u5230url\u5c31\u63d0\u793a\u9519\u8bef
\nalert(errorText+’:’+errorType);
\nalert(xhr.status+’:’+xhr.statusText);
\n},
\ncomplete:function(){<\/p>\n
},
\nbeforeSend:function(){<\/p>\n
},
\nerror:function(){<\/p>\n
}
\n});<\/p>\n
ajax_j1<\/a>
\nhttp:\/\/www.w3cschool.cn\/ajax_ajax.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"*\u6ce8\u610fajax\u5fc5\u987b\u662f\u5728\u642d\u5efa\u597d\u7684web\u670d\u52a1\u5668\u4e0b\u8bbe\u7f6e $.ajax({ type:””, url:”, time […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-2777","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2777"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2777\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}