1:ajax自已構造一個url,這種方式傳參數要用Data,不能用於表單提交。
例:
復制代碼 代碼如下:
function createHtml(id){
$("#reloading").show();
//edit_bg是個div,提交時顯示,這樣可以使背景頁面不能操作。
$("#edit_bg").show();
$.ajax({
type: "POST",
url: "pageAction!createHtml.action",
data: "id="+id,
success: function(data){
$("#reloading").hide();
$("#edit_bg").hide();
if(data == "true"){
alert("操作成功。");
}else{
alert("操作失敗,請聯系管理員!");
}
} //操作成功後的操作
});
}
2:ajax提交表單,這對於大數據傳輸非常有用,如用戶注冊,信息量非常大,用ajax提交表單,頁面比較美觀 但是,對於ajax提交表單,我們還得引入一個js,即:jquery.form.js"
例:
復制代碼 代碼如下:
function uploadFile(){
$("#reloading").show();
$("#edit_bg").show();
//form1為表單名
$("#form1").ajaxSubmit({
type: "POST",
success: function(data){
$("#reloading").hide();
$("#edit_bg").hide();
if(data.indexOf("true")!=-1){
alert("操作成功。");
}else{
alert(data);
alert("操作失敗,請聯系管理員!");
}
} //操作成功後的操作
});
}
3: 2項中ajax提交表單雖然可以正確操作,但返回的data數據有問題,頁面得不到處理結果。如下的代碼對ajax提交表單進行了糾正
復制代碼 代碼如下:
function submitForm(){
$('#form1').ajaxSubmit(ajaxOptionsNew);
}
var ajaxOptionsNew = {
beforeSubmit : fn_check_form,
success : showResponse,
url : "costAtion!save2.action",
error : function(XMLResponse) {
alert(XMLResponse.responseText);
alert('操作失敗!');
// window.location.reload();
}
};
function fn_check_form(){
if($("#Name").val() == ""){
alert("人不能為空");
$("#Name").focus();
return false;
}
}
function showResponse(responseText) {
try{
//alert(responseText);
if(responseText == 'true'){
alert('操作成功!');
window.location.reload();
}
else if(responseText == 'paramFalse')
{
alert("必填參數不能為空!")
}
else if(responseText == 'timeError')
{
alert("出發時間不能大於報銷時間!");
}
else{
alert('操作失敗!');
// window.location.reload();
}
}catch(e){alert(e.message);}
}