花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

織夢自定義表單通過ajax提交的實現(xiàn)方法

時間: 2019-05-13 10:25 閱讀: 作者:素材無憂網(wǎng)

自定義表單通過ajax判斷,提交不用跳轉(zhuǎn)頁面,提高用戶體驗。具體方法如下:

html表單代碼部分,就提交按鈕改成botton,,添加onclick事件

表單代碼:

<form action="javascript:;" enctype="multipart/form-data" method="post">

<input type="hidden" name="action" value="post" />

<input type="hidden" name="diyid" value="1" />

<input type="hidden" name="do" value="2" />

<label>姓名:<input type="text" id="name" name="name" value="" /></label>

<label>電話:<input type="text" id="tel" name="tel" value="" /></label>

<label>手機(jī):<input type="text" id="iphone" name="iphone" value="" /></label>

<label>郵箱:<input type="text" id="email" name="email" value="" /></label>

<table>

<tr>

<td valign="top">留言:</td>

<td><textarea id="liuyan" name="liuyan"></textarea></td>

</tr>

</table>

<input type="hidden" name="dede_fields" value="name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext" />

<input type="button" class="submit fr" value="提 交" onclick="add_ajaxmessage()"/>

</form>

js代碼(這個代碼之前一定要引入jQuery庫):

function add_ajaxmessage(){

var name=document.getElementById("name");

var tel =document.getElementById("tel");

var iphone=document.getElementById("iphone");

var email=document.getElementById("email");

var liuyan=document.getElementById("liuyan");

//定義變量接收上面表單每項的值和幾個dede隱藏的input的值

var dataString = 'name='+ name.value + '&tel=' + tel.value + '&iphone=' + iphone.value + '&email=' + email.value + '&liuyan='+ liuyan.value +'&action=post'+ '&diyid=1&do=2&dede_fields=name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext';

$.ajax({

type: "POST",

url: "/plus/diy.php", //提交到后臺文件

data: dataString, //傳值

success: function(data) {

alert(data);//成功打印PHP返回的值

}

});

return false;

}

php代碼:

找到:if(!empty($dede_fields))

{

//在里面加入判斷語句,不判斷也可以

if($name==""){

echo "請?zhí)顚懩男彰?quot;;//注意:輸出用echo輸出,不要用showMsg();

exit();

}

}

找到:$goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';

$bkmsg = '發(fā)布成功,請等待管理員處理...';

這兩句,改成:echo "提交成功!";

刪掉下面這一句:showmsg($bkmsg, $goto);

以上就是跟版網(wǎng)總結(jié)的內(nèi)容,希望對大家有所幫助。

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 織夢自定義表單通過ajax提交的實現(xiàn)方法

模板推薦