Ajax post方法不起作用

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");  
} 
}); 

Answer 2

我猜你不会阻止默认按钮点击行为。可能您应该使用按钮单击上的preventDefault函数来停止处理默认表单发布。另外，还要确保你有你的存在的表单元素里面的内容与标识name和text

$(function(){ 

    $("#yourButtonId").click(function(e){ 
    { 
     e.preventDefault(); 
     var name = $('#name').html(); 
     var text = $('#text').html(); 

     if(name!="") 
     {  
     $.ajax({ 
      type: "POST", 
      url: "php/post.php", 
      data: { postName: name, postText: text}, 
      success: function() { 
       $('#paragraph').html("worked");  
      } 
     }); 
     } 
     else 
     { 
     alert("Why should i do ajax when content is empty!"); 
     } 
    }); 

}); 

Answer 3

var name = $('#name').text(); 
var text = $('#text').text(); 

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

Answer 4

var name = document.getElementById('name').value, 
    text = document.getElementById('text').value, 
    postData = JSON.stringify({ postName: name, postText: text}); 
$.ajax({ 
    type: "POST", 
    url: "php/post.php", 
    data: postData, 
    success: function() { 
     $('#paragraph').html("worked");  
    } 
}); 

您将需要包括这json2.js参考旧的浏览器工作。你可以在这里下载：https://github.com/douglascrockford/JSON-js