2011-04-11 95 views
2

我正在創建一個網站,用戶填寫表單,將該數據發送到php腳本並在div中顯示結果,並且一直在努力完成一段時間。下面是我創建的代碼:使用JQuery .Ajax()方法?

按鈕激活此功能:

function callFunc() 
{ 
    var testVar = "Example 01"; 
    $.ajax(
    { 
     url: "public/includes/userCreate.php", 
     type: "POST",  
     data: testVar, 
     success: function(html) 
     {    
       $('#web_Content').html(html); 
     }  
    });  
}; 

的PHP文件是這樣的:

<?php 
    $test = $_POST['testVar']; 
    echo $test; 
?> 

出於某種原因,雖然我不工作。我的意思是它沒有將echo命令的值注入到div中,但是如果我從PHP中取出變量數據並只是讓它回顯一個簡單的元素,它就會工作並將回顯值注入到div中,下面是將運行代碼:

<?php 
    $test = $_POST['testVar']; 
    echo "<h3>User ???? Created.</h3>"; 
?> 

我想這是因爲我沒有正確地發送數據,誰能告訴我,將數據發送到PHP腳本的正確途徑,也是,如何發送多個變量嗎?

+0

你試過'數據:testVar.serialize()'? – 65Fbef05 2011-04-11 20:39:52

+0

只適用於表單。 – mattsven 2011-04-11 20:41:19

回答

3

您需要data: { testVar: "Example 01"}這是一個關鍵值對。這將生成一個查詢字符串參數,如testVar=Example%2001

2

通過AJAX函數發送數據的正確方法是使用對象或字符串。例子:

var pData = "testVar=Example."; 
$.ajax({ 
/* Other ajax params */ 
data: pData, 
/* Other ajax params */ 
});  

var pData = { testVar: "Example." }; 
$.ajax({ 
/* Other ajax params */ 
data: pData, 
/* Other ajax params */ 
});