javascript - Ajax 发布方法不起作用

Question

我目前正在创建一个网站，但在使用 AJAX 发布我的数据时遇到了问题。我有一个按钮，单击时会处理以下代码...

var name = document.getElementById('name').innerHTML;
var text = document.getElementById('text').innerHTML; 

$.ajax({  
    type: "POST",  
    url: "php/post.php",  
    data: { postName: name, postText: text},  
    success: function() {  
        $('#paragraph').html("worked");    
    }  
});  

这肯定会打开 post.php 页面，但它没有传递所需的数据。我做错了什么吗？

提前致谢

Answer 1

变量名称和文本包含什么？而不是做

var name = document.getElementById('name').innerHTML;
var text = document.getElementById('text').innerHTML; 

你可以这样做:

var name = $("#name").val(); 
var text = $("#text").val();

您可能还需要传递数据类型对象:

$.ajax({  
type: "POST",  
url: "php/post.php",  
data: { postName: name, postText: text}, 
dataType: "json",
success: function() {  
    $('#paragraph').html("worked");    
}  
});