用Ajax提交表单

这是我的表单，我只需要在ajax中提交这个表单。我想只是与阿贾克斯在提交简单的HTML 我总代码工作正常，我必须与阿贾克斯没有别的用Ajax提交表单

 <html> 
    <head> 

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
    <script> 
$(function() { 
$("#register-form").validate({ 
    rules: { 
     name: "required", 
     email: { 
      required: true, 
      email: true 
     }, 
     Budget: { 
      required: true, 
     }, 
     phone:"required", 
     budget:"required", 
     agree: "required" 
    }, 
    messages: { 
     name: "Please enter your Name", 
     email: "Please enter a valid Email address", 
     phone: "Please enter a valid Phone Number", 
     Budget: "Please Select a Budget", 
     agree: "Please accept our policy" 
    }, 
    submitHandler: function(form) { 
    alert("success"); 
     form.submit(); 
    } 
}); 
}); 
    </script> 
    </head> 
    <body> 
    <form action="" method="post" id="register-form" novalidate="novalidate"> 
     <div class="label">Name</div><input type="text" id="name" name="name" /><br /> 
     <div class="label">Email</div><input type="text" id="email" name="email" /><br /> 
     <div class="label">Phone Number</div><input type="text" id="phone" name="phone" /><br /> 
     <div class="label">budget</div> 
     <select id="Budget" name="Budget"> 
      <option value="">select</option> 
      <option value="1">0-100</option> <!-- first option contains value="" --> 
      <option value="2">100-200</option> 
      <option value="3">200-300</option> 
     </select> 
     <br /> 
     <div style="margin-left:140px;"><input type="submit" name="submit" value="Submit" /></div> 
    </form> 
</body>

这是我的形式我只需要在AJAX提交此提交。我只想提交与简单的HTML中的AJAX 我的总代码工作正常我必须提交与AJAX没有其他

来源

2014-02-17 user3292597

你尝试过什么吗？ –

没有什么只是做一个处理函数提交我必须做提交ajax – user3292597

显示一些辛苦工作和代码为ajax我们将很乐意帮助您' –

您可以在submitHandler像定义AJAX调用;

submitHandler: function(form) { 
     $(form).ajaxSubmit({ 
      url:"echo/html", 
      type:"GET", 
      success: function(response){ 
      alert(response) 
      } 
     });   
}

这里是工作提琴：http://jsfiddle.net/2fC3Z/

来源

2014-02-17 06:59:33

创建一个JavaScript函数，并在窗体上onsubmit事件调用它。

在功能

，连载的形式数据，一个JSON数组，并将其发布到你的页面要使用简单的Ajax调用

来源

2014-02-17 06:34:22

批准的代码？如果你提供一些代码会更好 –

使用代码类同下面的一个

 $.ajax({ 
      type: "PUT", 
      url: "http://xxxxxx.com/post.php", 
      contentType: "application/json", 
      data: JSON.stringify({ 
       name: "Tricia", 
       age: 37 
      }), 
      dataType: "text", 
      success: function(response){ 

       // Put the plain text in the PRE tag. 
       $("#putResponse").text(response); 

      }, 
      error: function(error){ 

       // Log any error. 
       console.log("ERROR:", error); 

      }, 
      complete: function(){ 

       // When this completes, execute teh 
       // DELETE request. 
       makeDELETERequest(); 

      } 
     });

来源

2014-02-17 07:10:09 Music

用Ajax提交表单

回答

相关问题