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;
?>
運行index.html,在表單里輸入并點擊提交:

打開form.php頁面,卻是一片空白,echo無法輸出內容。

想實現的效果是:
1、通過ajax提交表單又不跳轉頁面。
2、php頁面能接收到ajax提交的表單數據,并通過echo輸出表單數據并顯示在php頁面。
目前php頁面是能接收到ajax提交的表單數據,因為可以返回數據到參數msg。可是通過echo輸出表單數據并顯示在php頁面,卻是一片空白,究竟是哪里出錯了呢?
問題解答
回答1:那后臺的雙引號變成單引號
回答2:看控制器里面
相關文章:
1. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]2. html5 - datatables 加載不出來數據。3. javascript - QQ第三方登錄的問題4. html5和Flash對抗是什么情況?5. 利用IPMI遠程安裝centos報錯!6. node.js - mongodb查找子對象的名稱為某個值的對象的方法7. 運行python程序時出現“應用程序發生異常”的內存錯誤?8. 在mac下出現了兩個docker環境9. 正在使用electron和node.js做桌面應用,需要實時監聽是否有網絡連接,node或者electron是否可以做到10. spring-mvc - spring-session-redis HttpSessionListener失效

網公網安備