jquery提交表單的問題
問題描述
index.html的代碼:
<html>
<head>
<meta charset="utf-8">
<script src="jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
$.ajax({
type:"post",
url:"form.php",
data:{
bookname:$("#bookname").val(),
press:$("#press").val()
},
async: true,
success: function(msg) {
alert("提交成功!"+msg);
}
});
});
});
</script>
</head>
<body>
<div style="text-align: center; margin-top: 50px;">
<form id="form1">
圖書名:<input type="text" id="bookname" /><br>
出版社:<input type="text" id="press" style="margin-top: 15px;" /><br>
<input id="btn" type="button" value="提交" style="margin-top: 27px;" />
</form>
</div>
</body>
</html>
form.php的代碼:
<?php
$a = $_POST["bookname"];
$b = $_POST["press"];
echo $a;
echo $b;
?>
運(yùn)行index.html,在表單里輸入并點(diǎn)擊提交:
打開form.php頁(yè)面,卻是一片空白,echo無(wú)法輸出內(nèi)容。
想實(shí)現(xiàn)的效果是:
1、通過ajax提交表單又不跳轉(zhuǎn)頁(yè)面。
2、php頁(yè)面能接收到ajax提交的表單數(shù)據(jù),并通過echo輸出表單數(shù)據(jù)并顯示在php頁(yè)面。
目前php頁(yè)面是能接收到ajax提交的表單數(shù)據(jù),因?yàn)榭梢苑祷財(cái)?shù)據(jù)到參數(shù)msg。可是通過echo輸出表單數(shù)據(jù)并顯示在php頁(yè)面,卻是一片空白,究竟是哪里出錯(cuò)了呢?
問題解答
回答1:那后臺(tái)的雙引號(hào)變成單引號(hào)
回答2:看控制器里面
相關(guān)文章:
1. angular.js - 輸入郵箱地址之后, 如何使其自動(dòng)在末尾添加分號(hào)?2. javascript - JS 里面的 delete object.key 到底刪除了什么?3. mysql - 電商如何存儲(chǔ)營(yíng)業(yè)額數(shù)據(jù)4. javascript - 后臺(tái)管理系統(tǒng)左側(cè)折疊導(dǎo)航欄數(shù)據(jù)較多,怎么樣直接通過搜索去定位到具體某一個(gè)菜單項(xiàng)位置,并展開當(dāng)前菜單5. 管理員信息修改時(shí)的密碼問題6. android - RxJava 中有根據(jù)條件執(zhí)行不同函數(shù)的操作符嗎?7. javascript - html5的data屬性怎么指定一個(gè)function函數(shù)呢?8. java如何生成token?9. javascript - 如何使用nodejs 將.html 文件轉(zhuǎn)化成canvas10. html5 - 為什么使使用vue cli 腳手架,post-css 沒有自動(dòng)對(duì)css3屬性自動(dòng)添加瀏覽器前綴呢?
