使用 插入 AJAX 失败


insert ajax using unsuccessfully

我搜索了很多如何将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);
            })

脚本中几乎没有错误。 你不能像$('.input').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);
  });

更改您的代码:

$.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"/>