jquery ajax直接提交表单

最新推荐文章于 2022-07-26 09:31:15 发布

胖鹅68

最新推荐文章于 2022-07-26 09:31:15 发布

阅读量498

点赞数

分类专栏： jquery/js库/Jest

本文链接：https://blog.csdn.net/hbiao68/article/details/17114057

版权

jquery/js库/Jest 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

下面给出查看帮助文档的例子

<script src="jquery-1.4.4.js"></script>

<script>


$(function(){
	$("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
});
</script>

<p id="results"><b>Results: </b> </p>
<form>
  <select name="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="check" value="check1"/> check1
  <input type="checkbox" name="check" value="check2" checked="checked"/> check2
  <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
  <input type="radio" name="radio" value="radio2"/> radio2
</form>

界面显示的内容是

直接使用ajax提交表单传递参数

$.ajax({
      type: "POST",
      url: url,
      data: $('#form1').serialize(),
      success: function(msg){
        alert( "Data Saved: " + msg );
     }
  });