Ajax調用php文件不起作用
[英]Ajax call to a php file is not working
問題描述
我正在嘗試實現一個簡單的表單，該表單最終將連接到數據庫並在其中進行輸入。 在標簽中，我正在調用php文件，它將把我連接到后端的數據庫。
index.html
<html>
<head>
<script>
function submitForm(formId){
//var formData= $.(formId).serialize();
$.ajax({
url:'new-user.php',
type:'POST',
data:{
user_name=$("#user_name").val(),
password=$("#password").val();
}
success:function(response){
alert(response);
}
});
}
</script>
</head>
<body>
<form onsubmit="submitForm('#myForm');" id='myForm'>
User Name: <input type="text" name="user_name" id="user_name" />
Password: <input type="text" name="password" id="password" />
<input type="submit"/>
</form>
</body>
</html>
new-user.php
<?php include 'database.php';?>
<?php
mysqli_query($connect,"create table login(User_name varchar(50) NOT NULL,Password varchar(50) NOT NULL)");
$user_name=$_POST['user_name'];
$password=$_POST['password'];
if(empty($user_name)){
$name_error="name is required";
}
mysqli_query($connect,"Insert into login(User_name,Password) values('$user_name','$password')");
if(mysqli_affected_rows($connect)>0){
echo "<p>Credentials added</p>";
echo "<a href='index.html'>Go back</a>";
}else{
echo "<p>Error</p>";
echo mysqli_error($connect);
}
?>
database.php
<?php
$connect=mysqli_connect('localhost','root','','testdb');
if(mysqli_connect_errno($connect)){
echo 'failed to connect';
}
?>
上面沒有在testdb數據庫中創建任何表。也沒有生成任何警報消息。但是，在單擊“提交”按鈕后，URL更改為http://localhost/try2/?user_name=aayushi&password=ded但此后什么也沒有發生。 這是我的第一個php代碼，所以我真的不知道這到底是什么意思。
2 個解決方案
解決方案1
1 已采納
好的，因為似乎沒有人真正在閱讀您的代碼，所以在將其放入PhpStorm之前，我遺漏了一些語法錯誤
將功能更改為此：
function submitForm(formId){
$.ajax({
url:'/new-user.php',
type:'POST',
data:{
user_name: $("#user_name").val(),
password: $("#password").val()
}
})
.complete(function (response) {
alert(response)
})
return false; // Prevents the form from submitting the standard way
}
編輯：將窗體更改為此：
<form onsubmit="return submitForm('#myForm');" id='myForm'>
解決方案2
0 2017-04-23 19:54:12
在您的ajax方法中，成功屬性是錯誤的
當success時候，它被寫成suceess 。
另外，為避免刷新頁面，請插入return false; 在函數submitForm的末尾
HTML表單的AJAX對PHP文件的調用不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.