2011-04-11 93 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 */ 
});