Question

我搜索了很多如何将ajax插入到我的表单中，但到目前为止还没有成功，我附上了我的代码，如果有人能看到问题在哪里，并且知道如何解决它。谢谢！

html就像：

<div id="error">
                <?php $error; ?>
  </div>
            <input name="uname" type="text" placeholder="Username" class="insert"/>
            <input name="fname" type="text" placeholder="First Name" class="insert"/>

jquery将会像：

$.post('/reg.php',
            {
               uname: $('.input').val(),
               fname: $('.input').val();

            function(response) {
                // update your div with errors
                $('#error').html(response);
            })

Answer 1

您的脚本中几乎没有错误。你无法访问$（＆＃39; .input＆＃39;）。val（）。尝试：

<input name="uname" id="uname" type="text" placeholder="Username" class="insert"/>
<input name="fname" id="fname" type="text" placeholder="First Name" class="insert"/>


$.post( '/reg.php', { uname: $('#uname').val(), fname: $('#fname').val() })
  .done(function( response ) {
    $('#error').html(response);
  });

Answer 2

更改您的代码：

$.post('/reg.php',
{
    uname: $('.uname').val(), // by class 
    fname: $('.fname').val();  // by class

    // or uname: $('#uname').val() // by id
    // or fname: $('.fname').val() // by id

    function(response) {
       // update your div with errors
      $('#error').html(response);
})

还有你的HTML：

<div id="error"></div>
<input name="uname" id="uname" type="text" placeholder="Username" class="uname"/>
<input name="fname" id="fname" type="text" placeholder="First Name" class="fname"/>

使用失败插入ajax

2 个答案: