Question

我想通过AJAX POST请求发送用户输入的字符串并添加到数据库：

Új gyártó: <input type="text" id="new_mfg" size="20">
<button id="add_mfg">Hozzáadás</button>
<script>
    $("#add_mfg").click(function(e){
        e.preventDefault()
        var new_mfg = $('#new_mfg').val();
        //$(this).text(new_mfg);                    
        request = new XMLHttpRequest();
        request.open("POST","/phps/add_mfg.php",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        request.send('$new_mfg');
    });
</script>

这是add_mfg.php脚本：

require_once('login.php');

$new_mfg = $_POST['new_mfg'];
$new_mfg = stripslashes($new_mfg);

$db_server = mysql_connect($db_hostname, $db_username, $db_password);
if(!$db_server) die("Unable to connect to MYSQL:" . mysql_error());

mysql_select_db($db_database)
    or die("Unable to select database:" . mysql_error());
$query = "INSERT INTO mfg(ID, mfg_name) VALUES(NULL, '$new_mfg')";
$result = mysql_query($query);

mysql_close($db_server);

代码不起作用，我不知道问题是什么。

Answer 1

您需要将点击事件处理程序包装到$(document).ready(function(){ });

中

$(document).ready(function(){  
$("#add_mfg").click(function(e){

});
});

Answer 2

使用此简短版本：

$(function() {
  $("#add_mfg").click(function(e){
      // ...
  });
});

使用AJAX post请求将数据发送到mysql数据库

2 个答案: