原生態手寫部分:
<form id="myForm" name="searchForm" method="post"><input type="text" name="abc" value=""><input type="button" class='button' id="lastinput" value="確認提交"/></form>
$(document).ready(function(){ $('#lastinput').click(function(){ var len= $('#mainTable').find('tr').length; if(len <2){ alert('請添加商品'); return false; }else{ $.ajax({ url:'<?php echo '/test_a.php';?>',//+keys, //後臺處理程序 type:'post', //數據發送方式 //dataType:'json', //接受數據格式 data:$("#myForm").serialize(), success:function(msg) {if(msg==1){ // $('#lastinput').submit(); $("#myForm").attr("action", "/test.php").submit(); }else{ alert('請檢查所填內容是否有重複及空置項'); } ;} }); } }); })
jQuery ajax中數據以鍵值對(Key/Value)的形式發送到服務器,使用ajax提交表單數據時可使用jQuery ajax的serialize() 方法表單序列化爲鍵值對(key1=value1&key2=value2…)後提交。serialize() 方法使用標準的 URL-encoded 編碼表示文本字符串。下面是使用serialize()序列化表單的實例: javascript
jQuery ajax原型:php
$.ajax({ type: "POST", url: ajaxCallUrl, data: "Key=Value&Key2=Value2", success: function(msg){alert(msg);} });
ajax serialize():java
$.ajax({ type: "POST", url:ajaxCallUrl, data:$('#formID').serialize(),// 要提交的表單 success: function(msg) {alert(msg);} });
serialize()序列化表單實例:jquery
<script type="text/javascript" src="/demo/jquery/jquery-1.7.2.min.js" ></script> <script type="text/javascript"> $(document).ready(function(){ $("#button").click(function(){ alert($("#myForm").serialize()); }); }); </script> <form id="myForm"> 姓名 <input value="liming" name="Name" /><br /> 職位 <input value="CEO" name="position" /><br /> <input id="button" value="序列化表單" type="button" /> </form>