Ajax php不工作_Php_Ajax - Fatal编程技术网

Ajax php不工作

php ajax

Ajax php不工作,php,ajax,Php,Ajax,我正在使用codeignitor进行PHP应用程序开发。我尝试使用jquery调用ajax。但它不能正常工作。当我按下提交按钮时，相同的表单会被重新加载，而不是显示警告框。你的帮助会很有帮助的。我正在共享代码- <html> <head> <title> My Information </title> <script type="text/javascript" src="/jquery/jquery-1.3.2.min.js"&g

我正在使用codeignitor进行PHP应用程序开发。我尝试使用jquery调用ajax。但它不能正常工作。当我按下提交按钮时，相同的表单会被重新加载，而不是显示警告框。你的帮助会很有帮助的。我正在共享代码-

<html>
<head>
  <title> My Information </title>
  <script type="text/javascript" src="/jquery/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" language="javascript">
     $(document).ready(function() {
     $('#submit').click(function(){

     // alert('Btn clicked');
     var form_data= {
     username: $('#username').val(),
     address: $('#address').val()       
     };

     $.ajax({
        type: 'POST',
       url: 'http://localhost/ci-ajax/index.php/user/auth',
      data: form_data,
      success: function(data) {
          $('body').html(data);
      }                          


     });

     });

     });

  </script>
  </head>
  <body>
  <form>
     <label>User Name : </label>
     <input type="text" name="username" id="username">
     <label>Address : </label>
     <input type="text" name="Address" id="address">
     <input type="submit" value="Submit" name="submit" id="submit">
  </form>
 </body>
 </HTML>

您需要一种防止提交操作的方法。最简单的修复方法可能是将输入类型从

submit

更改为

按钮

。如果需要其他内容，可以始终在函数结尾处

preventDefault

或只

返回false

返回false的示例：
$('#submit').click(function() {

  // alert('Btn clicked');
  var form_data = {
    username: $('#username').val(),
    address: $('#address').val()
  };

  $.ajax({
    type: 'POST',
    url: '',
    data: form_data,
    success: function(data) {
      $('body').html(data);
    }


  });

  return false;

})

您需要一种防止提交操作的方法。最简单的修复方法可能是将输入类型从submit
更改为按钮
。如果需要其他内容，可以始终在函数结尾处preventDefault
或只返回false

返回false的示例：
$('#submit').click(function() {

  // alert('Btn clicked');
  var form_data = {
    username: $('#username').val(),
    address: $('#address').val()
  };

  $.ajax({
    type: 'POST',
    url: '',
    data: form_data,
    success: function(data) {
      $('body').html(data);
    }


  });

  return false;

})

您需要一种防止提交操作的方法。最简单的修复方法可能是将输入类型从submit
更改为按钮
。如果需要其他内容，可以始终在函数结尾处preventDefault
或只返回false

返回false的示例：
$('#submit').click(function() {

  // alert('Btn clicked');
  var form_data = {
    username: $('#username').val(),
    address: $('#address').val()
  };

  $.ajax({
    type: 'POST',
    url: '',
    data: form_data,
    success: function(data) {
      $('body').html(data);
    }


  });

  return false;

})

您需要一种防止提交操作的方法。最简单的修复方法可能是将输入类型从submit
更改为按钮
。如果需要其他内容，可以始终在函数结尾处preventDefault
或只返回false

返回false的示例：
$('#submit').click(function() {

  // alert('Btn clicked');
  var form_data = {
    username: $('#username').val(),
    address: $('#address').val()
  };

  $.ajax({
    type: 'POST',
    url: '',
    data: form_data,
    success: function(data) {
      $('body').html(data);
    }


  });

  return false;

})

在您的代码中，表单具有提交输入，因此当单击提交时，表单将提交到服务器。
因此，在$（'#submit'）中添加return。单击（function（）{}。
否则表单将提交。在您的代码中，表单具有提交输入，因此当单击提交时，表单将提交到服务器。
因此，在$（'#submit'）中添加return。单击（function（）{}。
否则表单将提交。在您的代码中，表单具有提交输入，因此当单击提交时，表单将提交到服务器。
因此，在$（'#submit'）中添加return。单击（function（）{}。
否则表单将提交。在您的代码中，表单具有提交输入，因此当单击提交时，表单将提交到服务器。
因此，在$（'#submit'）中添加return。单击（function（）{}。
否则表单将提交。
而赢家是！这将阻止页面重新加载&+1提供示例：DAnd赢家是！这将阻止页面重新加载&+1提供示例：DAnd赢家是！这将阻止页面重新加载&+1提供示例：DAnd赢家是！这是防止页面重新加载的原因&+1提供了示例：顺便说一句，您可能需要使用稍新版本的jQuery。顺便说一句，您可能需要使用稍新版本的jQuery。顺便说一句，您可能需要使用稍新版本的jQuery。顺便说一句，您可能需要使用稍新版本的jQueryjQuery的最新版本。