您好,登錄后才能下訂單哦!
這篇文章主要介紹“ajax提交url與ajax提交表單的對比”,在日常操作中,相信很多人在ajax提交url與ajax提交表單的對比問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”ajax提交url與ajax提交表單的對比”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
1:ajax自已構(gòu)造一個(gè)url,這種方式傳參數(shù)要用Data,不能用于表單提交。
例:
復(fù)制代碼 代碼如下:
function createHtml(id){
$("#reloading").show();
//edit_bg是個(gè)div,提交時(shí)顯示,這樣可以使背景頁面不能操作。
$("#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("操作失敗,請聯(lián)系管理員!");
}
} //操作成功后的操作
});
}
2:ajax提交表單,這對于大數(shù)據(jù)傳輸非常有用,如用戶注冊,信息量非常大,用ajax提交表單,頁面比較美觀 但是,對于ajax提交表單,我們還得引入一個(gè)js,即:jquery.form.js"
例:
復(fù)制代碼 代碼如下:
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("操作失敗,請聯(lián)系管理員!");
}
} //操作成功后的操作
});
}
3: 2項(xiàng)中ajax提交表單雖然可以正確操作,但返回的data數(shù)據(jù)有問題,頁面得不到處理結(jié)果。如下的代碼對ajax提交表單進(jìn)行了糾正
復(fù)制代碼 代碼如下:
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("必填參數(shù)不能為空!")
}
else if(responseText == 'timeError')
{
alert("出發(fā)時(shí)間不能大于報(bào)銷時(shí)間!");
}
else{
alert('操作失敗!');
// window.location.reload();
}
}catch(e){alert(e.message);}
}
到此,關(guān)于“ajax提交url與ajax提交表單的對比”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請繼續(xù)關(guān)注億速云網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。