php100視頻教程109jquery之a(chǎn)jax開發(fā)詳解

PHP100視頻教程演講老師：張恩民官方網(wǎng)站：(第109講)JQuery之Ajax開發(fā)詳解學習重點1、jQuery.ajax(options)2、jQuery.get(url,data,callback,type)3、jQuery.post(url,data,callback,type)4、jQuery(selector).load(url,data,callback)Ajax原理參考第48講PHP100視頻教程(第109講)JQuery之Ajax開發(fā)詳解1、jQuery.ajax(options)jQuery庫擁有完整的Ajax兼容套件，所以我們再也不用整天為考慮瀏覽是否兼容ajax問題頭疼。參數(shù)名描述url

發(fā)送請求的地址。type請求方式("POST"或"GET")timeout設置請求超時時間（毫秒）。async(默認:true)異步請求。Data發(fā)送的參數(shù)可以是json類型dataType返回的數(shù)據(jù)類型：xml,html,json,txtsuccess成功后可以返回function(data,st){}

PHP100視頻教程(第109講)JQuery之Ajax開發(fā)詳解1、jQuery.ajax(options)$.ajax({ type:"GET", url:"php.php", data:{PHP:"100",Name:"Jquery"}, success:function(data,st){ $("div#asd").html(data); }});<divid="asd"><h2>PHP100視頻教程，通過AJAX調(diào)用內(nèi)容</h2></div>$.ajax({type:'POST',url:url,data:data,success:success,dataType:txt});PHP100視頻教程(第109講)JQuery之Ajax開發(fā)詳解2、jQuery.get(url,data,callback,type)參數(shù)描述url待載入頁面的URL地址。data待發(fā)送Key/value參數(shù)。callback載入成功時回調(diào)函數(shù)。type返回內(nèi)容格式，xml,html,script,json,text,_default。3、jQuery.post(url,data,callback,type)類似下面模式PHP100視頻教程(第109講)JQuery之Ajax開發(fā)詳解4、jQuery(selector).load(url,data,callback)$(document).ready(function(){$(“button").click(function(){$('Div').load(‘php100.php‘,{name:’123’},function(){});});});實例演示PHP100