ajax post 資料不使用form格式，直接用id或class讀取input的vlaue值post

 html的部分                   

<input type="radio" name"data1" value="1">
<input type="text" name"data2" value="data2的資料">
<textarea rows="10" cols="80" name="data3" ></textarea>

 javascript的部分                   

function postData(){

 if(confirm('確定要新增此則資料?')){

  var dataValues={

   data1:$('input[name=data1]').val(),
   data2:$('input[name= data2]').val(),
   data3:$('textarea[name= data3]').val()

  }
   //也可以使用輸入欄位的id或classsName帶入資料
     $.ajax({
         url:'addData.php',
         type: 'POST',
         data: dataValues,
         async: false,
         success: function (msg) {
            alert(msg)  
         },
         cache: false
     });

     return false;

 }else{
     return false;
 }



}

 php的部分                   

然後addData.php頁面就可接收

$_POST['data1']

$_POST['data2']

$_POST['data3']

這三個值 

相關：ajax 使用form格式post 資料