2012-08-26 57 views
0

我能夠使用ajax GET方法發佈數據到php頁面,但是我在添加更多參數到POST方法時遇到問題。以下是我使用的代碼。因爲我能有來自PHP腳本的響應:如何將更多的參數添加到ajax發佈請求

if(XMLHttpRequestObject) { 
    XMLHttpRequestObject.open("POST", url,true);XMLHttpRequestObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
XMLHttpRequestObject.onreadystatechange = function() 
{ 
    document.getElementById('statuses').innerHTML = msg1; 
    if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { 
var content = XMLHttpRequestObject.responseText; 
$(document).ready(function(){ 
    $('#statuses').text(content); 
    }); 
} 
} 
XMLHttpRequestObject.send("id=" + id); 
} 

現在假設我決定用另一個代碼發送這是與jQuery很容易的數據,我如何才能從PHP腳本的響應?下面是第二碼:

 $(document).ready(function(){ 
    // get values 
    cc = $('#ft').attr('value'); 
    cop = $('#copt').attr('value'); 

    // send to processing PHP script 
    $.ajax({ 
     type: "GET", 
     cache: false, 
     url: "processor.php", 
     data: "cctotal="+ cc +"&coptotal="+ cop + "&id="+ id + "&get=" + 'update', 
     success: function(){ 
      $('#processing').fadeIn(function(){ 
      var content = 'Customer Account Updated !' ; 
      $('#statuses').text(content); 
      }); 
     } 
      }); 

    }); 
+0

您可以使用'$ .post'或'$ .get'作爲GET和POST的縮寫。不需要做完整的配置。接收到的數據位於傳遞給'success'的函數的第一個參數中。您還可以將JS對象傳遞給數據,比查詢字符串更清晰。 – nhahtdh

+0

你的問題是誤導。你在哪裏*添加更多的參數阿賈克斯post請求*? –

回答

0
//Try this 

$(document).ready(function(){ 
    // get values 
    cc = $('#ft').attr('value'); 
    cop = $('#copt').attr('value'); 

    // send to processing PHP script 
    $.ajax({ 
     type: "GET", 
     cache: false, 
     url: "processor.php", 
     data: "cctotal="+ cc +"&coptotal="+ cop + "&id="+ id + "&get=" + 'update', 
     success: function(data){ 
      $('#processing').fadeIn(function(){ 
      var content = 'Customer Account Updated !' ; 
      $('#statuses').text(content); 
      }); 
      alert(data) //server response here 
     } 
      }); 

    }); 
+0

非常感謝你非常有用 – udo

1

AJAX的默認的contentType是'application/x-www-form-urlencoded; charset=UTF-8'和cahce所以你不需要設置,和你正在做會在jQuery的期待平原JS調用XMLHttpRequestObject像:

​​

做一些額外的數據POST請求,你會做這樣的事情

$(function(){ 
    cc = $('#ft').val(); 
    cop = $('#copt').val(); 

    $.ajax({ 
     type: 'POST', 
     url: url, 
     cache: false, 
     data: {cctotal: cc, coptotal: cop, id: id, get: 'update'} 
    }).done(function(content) { 
     $('#processing').fadeIn(function(){ 
      $('#statuses').text('Customer Account Updated !'); 
     }); 
    }); 
}); 
​ 

而您將在服務器上的POST超全局中訪問該數據。例如在PHP中,它將是:

$cc = $_POST['cctotal']; 
$cop = $_POST['coptotal']; 
$id = $_POST['id']; 
$get = $_POST['get']; 
+0

非常感謝我非常感謝。但我在哪裏可以得到更高級的教程或電子書的Ajax/jQuery和我不知道有關xml的東西 – udo

+0

做一個谷歌搜索,有關於這個在網上很多偉大的信息,和jQuery有它自己的網頁與文檔所有的功能,方法,你的名字! – adeneo

相關問題