我只是想做一个简单的$ .post调用。
<body>
<div id="main">
<div id="diver">
</div>
<form id="entry_field_container" action="" method="post" accept-charset="utf-8">
<input type="text" name="entry_field" value="" id="entry_field">
<input id="send" type="submit" value="send">
</form>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#send').click(function(e){
e.preventDefault();
var txt = $('#entry_field').val();
$.post(
'http://localhost/proc.php',
{
name:'me',
text:txt
},
function(data){
console.log(data);
$('#diver').html(data)
},
'json'
)
})
});
</script>
内proc.php:
<?php
$name = $_POST['name'];
$text = $_POST['text'];
echo "{\"" . $name . "\", \"" . $text . "\"}";
?>
出于某种原因,POST返回200,但控制台永不再来与data
,它只是一片空白。
最难理解的是为什么这个$ .ajax函数每次都有效。这不仅仅是同一事物的更详细的例子吗?
$.ajax({
'type': 'POST',
'url': 'http://localhost/proc.php',
'async': true,
'cache': false,
'global': false,
'data': {
'name':'me',
'text':txt
},
'error': function(xhr,status,err){
alert("DEBUG: status"+status+" \nError:"+err);
},
'success': function(data){
console.log(data);
}
});
您的数据是否会进入服务器?查看AJAX视图(例如Chrome或Safari内置的或Firefox + Firebug内置的视图)。同时确保你没有任何JS错误或警告。 – halfer 2012-08-09 20:58:12
我这么认为,是的。在Inspector中,我可以查看'proc.php' - >'Preview',并且看到'{“me”,“文本”}',所以它看起来像proc.php正在读取POST变量。 – nipponese 2012-08-09 21:07:52