jquery ajax的serialize提交儲存資料簡單例子

來源:互聯網
上載者:User

html代碼代碼

 代碼如下 複製代碼

<table width="100%" border="0" cellspacing="1" cellpadding="1" style="margin-top:20px;">
 <form id="submitform" name="submitform" >
  <tr>
    <td height="40" class="align_c">客戶資訊:</td>
    <td>姓名:<?=iconv('gbk','utf-8',$rs['buy_name']);?>,手機:<?=$rs['buy_tel'];?> </td>
  </tr>
  <tr>
    <td height="40" class="align_c">客戶姓名:</td>
    <td><label for="textfield"></label>
      <input type="text" name="c_name" id="c_name"   value="<?=iconv('gbk','utf-8',$rs['buy_name']);?>" /></td>
  </tr>
  <tr>
    <td height="40" class="align_c">客戶電話:</td>
    <td><input type="text" name="c_tel" id="c_tel"  value="<?=$rs['buy_tel'];?>" /></td>
  </tr>
  <tr>
    <td height="40" class="align_c">客戶性別:</td>
    <td>
    <select name="c_sex" id="c_sex">
     <option value="0">女</option>
        <option value="1">男</option>
        <option value="2">未知</option>
    </select>
    </td>
  </tr>
 
  <tr>
    <td width="14%" height="40" class="align_c">輸入經紀ID號:</td>
    <td width="86%">
        <div class="login">
          <input type="text" maxlength="128" name="title" id="title" placeholder="輸入經紀ID號" onkeyup="getreNews(this.value);" autocomplete="off" />
          <input name="agid" type="hidden" id="agid"  />
          <input name="id" type="hidden"  value="<?=$mid;?>"  />
<ul id="apDiv1" style="position: absolute;left:0px;top:24px">
                          
 </ul>
      </div>
        <span class="liru">例如:138</span>
 </td>
  </tr>
  <tr>
    <td height="40">&nbsp;</td>
    <td>
      <input name="button" type="button" class="button_style" id="ajaxsubmit" value="開始轉交"  />
    </td>
  </tr></form>
</table>
<script language="javascript">


$('#ajaxsubmit').click(function(){
 var agid = $("#agid").val();
 if( agid =='' )
 {
  alert('請先選擇要轉交經紀人ID號!'); return false;
 }
 
 var postData = $('#submitform').serialize();
 //alert(postData);
 $.ajax({
  type: "POST",
  url: "ajaxSave.php",
  data: postData,
  success: function(msg){   
   if(msg==0){
    alert('轉交成功,您隨時查看此客戶狀態!');   
   }
   else if( msg == -2)
   {
    alert('此使用者己轉移成功,請不要重複提交!');
   }
   else
   {
    alert('對不起,系統忙請稍後再試!'+msg);
   }
  }
 });
})
</script>

前段這段簡單就是使用者提效資料由ajaxSave.php進行儲存到資料庫了,下面我們來看ajaxSave.php 檔案。

 代碼如下 複製代碼

$sql ="insert into abctage(b_name,)value(4)";

$query = $Db->query( $sql ) or die(mysql_error());
if( $query )
{
 cho 0;
}
else
{
 echo -1;
}

上面的php帶入庫代碼我是簡化了,大家可根據自己的情況來操作了

本站原創教程轉換註明來源 http://www.111cn.net

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.