現在對jquery的ajax進行詳細的解析。
二、jquery的ajax使用
1.get方式提交資料
$(document).ready(function()// 如果你不傳送資料，則填入null,如果你傳送有資料給伺服器檔案，預設load用post方式提交,如果沒資料用get方式提交
// 3.第三個引數是函式（**函式）
/*data表示從伺服器回送的資料(string)
textstatus表示狀態有四個 succuss,error,notmodify,timeout
xmlhttprequest 表示xmlhttprequest物件
})2.post方式，傳送資料
html傳資料的部分：
後台php**:
<?phpheader("content-type:text/html;charset=utf-8");
$user = $_post['user'];
$pass = $_post['pass'];
if($user == "hello" && $pass == "123")else
3. ajax中的$.post()方法的使用
$(document).ready(function();$.post('loadtest.php',senddata,function(data,ts));
});});
4. ajax的 $.ajax()的使用
$(document).ready(function(),success:function(e) ,
error:function(e)
});});
});
php**:
陣列一:可以獲取$_post 和 $_get 內的資料$arr=[
"post"=>@$_post,
"get"=>@$_get,
];陣列二:二維陣列，也可以返回
/* $arr=array(
array('title'=>'hello','ba'=>'say'),
array('title'=>'hello2','ba'=>'say2'),
array('title'=>'hello23','ba'=>'say23')
);*/
// 對資料進行 json編碼
echo json_encode($arr);
三、js跨域請求
跨域:跨網域名稱
乙個網域名稱下的檔案去請求了和他不一樣的網域名稱下的資源，叫做跨域。
//跨域請求問題window.onload=function()}}
xml.open("get",'',true);
xml.send();
}}
跨域解析：
jsonp : json with padding
1. script標籤
2.用script標籤載入資源是沒有跨域問題的
在資源載入進來之前定義好乙個函式，這個函式接受乙個引數（資料），函式裡面利用這個引數做一些事情然後需要的時候通過script標籤載入對應遠端檔案資源，當遠端的檔案資源被載入進來的時候，
就會去執行我們前面定義好的函式，並且把資料當做這個函式的引數傳入進去
html**:
html**：
php**：
<?php$t = isset($_get['t'])?$_get['t']:'num';
$callback = isset($_get['callback'])?$_get['callback']:'fn1';
$arr1=array("1111","2222","3333","444");
$arr2=array("aaaa","bbb","ccc","ddd");
if($t == 'num')else
window.onload=function()else
}oso.onblur=function()
}// soso是**函式
function soso(data)
oul.innerhtml = html;
}else
}
關於封裝好的js跨域jsonp方法使用：
window.onload=function ()oul.innerhtml = html;
}else
},error:function(e)
});}
}}
最後附上例項開發教程。乙個簡單的豆瓣獲取對應資訊的開發案例。
豆瓣獲取對應資訊的開發：
window.onload = function()}}function fn1(data)
list.innerhtml = html;
}
html**：
希望對你們開發起到幫助。
JQuery的AJAX載入XML並解析
1,content type 很多時候無法解析就是content type的問題。如果本身就是xml檔案，請跳過這一步 動態生成的xml一定要將其設定為text xml，否則預設就是text html也就是普通的文字了。常見語言的content type設定 code header content ...
ajax動態重新整理的元素裡jquery繫結事件失效
jquery事件繫結有2種方式 方法二解決失效 其一 是直接繫結在所選擇的dom元素上，這種方式，當你替換dom元素的時候，就不生效了，打個比方，你養了只鸚鵡，你教會它跟著你說hello，這個時候別人把你的鸚鵡換了乙隻了，新的鸚鵡無論你怎麼說hello也不會有反應的。元素 click functio...
用JQuery的Ajax載入XML並解析的注意事項
1 content type 很多時候無法解析就是content type的問題。如果本身就是xml檔案，請跳過這一步。動態生成的xml一定要將其設定為text xml，否則預設就是text html也就是普通的文字。常見語言的content type設定 response.setheader co...