jquery實現多表單數據傳送

假設有一個HTML頁面裏面包含一個由PHP生成的表單;如今要把每一個表單的數據都獲取而後傳送到後臺PHP處理;php

jquery代碼:html


     $('input#alt_clear').click(function(){
           $(':input').not(':button, :submit, :reset, :hidden').val('');//這是清除按鈕,把not()覺得的input的值都清空;
     });
     $('#alt_sav').click(function(){
     alert("信息已經保存!");//點擊保存按鈕:提示信息保存;
    $("form").each(function(i){//開始檢測每個form,而後把數據系列化;
      var form_data= $(this).serialize(); 
      //alert(form_data);
      $.ajax(          //用ajax把數據傳送到php處理頁面;
     {
      url: 'add_data.php',
      method: 'post',
      data:{ "form_data":"form_data"},
      success: function()
      {
                         //window.open("add_data.php?"+form_data);
 
      }    
     }); 
              });
        });
 jquery

PHP處理頁面:add_data.phpajax

<meta http-equiv="Content-Type" content="text/html"  charset="UTF-8" />ide

<?php
$caizhong=$_GET['caizhong'];
$zh_caizhong=$_GET['zh_caizhong'];
$qihao=$_GET['qihao'];
echo $caizhong;
echo $zh_caizhong;
print_r($qihao);
?>post

相關文章
相關標籤/搜索