关闭

jquery ajax直接提交表单

273人阅读 评论(0) 收藏 举报
分类:

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

 

<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 );
     }
  });

 

  • 大小: 16.6 KB
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:330375次
    • 积分:8949
    • 等级:
    • 排名:第2235名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论