尝试使用jQuery从ajax调用接收数据
我试图使用jQuery对test.php文件进行ajax调用,但它不返回任何数据。你能告诉我我做错了什么吗尝试使用jQuery从ajax调用接收数据,jquery,Jquery,我试图使用jQuery对test.php文件进行ajax调用,但它不返回任何数据。你能告诉我我做错了什么吗 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script> $(document).ready(function() { $("#submit").click(function(){ $.ajax({
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#submit").click(function(){
$.ajax({
type: "POST",
url: "http://192.168.1.21/opencart1/upload/admin/view/template/module/test.php",
data: $("#url").serialize(),
success: function(msg) {
alert(data);
document.getElementById("pollcontent").innerHTML = msg;
}
});
})
});
</script>
<div class="content">
<form id="theform">
<input type="text" name="url" value="" id="url" />
<input type="button" name="submit" value="submit" id="submit"/>
</form>
<div id="pollcontent"></div>
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
$.ajax({
类型:“POST”,
url:“http://192.168.1.21/opencart1/upload/admin/view/template/module/test.php",
数据:$(“#url”).serialize(),
成功:功能(msg){
警报(数据);
document.getElementById(“pollcontent”).innerHTML=msg;
}
});
})
});
这是test.php文件:
<?php
$abc="hi";
echo $abc;
?>
将成功更改为以下内容
success: function(msg) {
alert(msg);
document.getElementById("pollcontent").innerHTML = msg;
}
数据
未在成功函数中定义。您应该使用msg
(或将msg
更改为data
)实际上,在ajax请求中,您尝试访问的url不属于您的域或服务器ip。这对ajax请求无效
尝试您的服务器url,您将获得成功。您试图发布到远程服务器,这意味着您需要在PHP响应中允许跨源资源共享(CORS)。这可以通过添加allow all CORS标头轻松实现:
<?php
header("Access-Control-Allow-Origin: *");
$abc="hi";
echo $abc;
?>
您正在提醒数据
。我认为您应该作为服务器的响应向msg
发出警报。它不是在success
的alert(data)
语句中返回数据,还是在document…
语句中返回数据?我也向msg发出警报,但仍然不起作用它不是在success的警报(data)中返回数据您可能希望在$.ajax调用中使用error
回调来查看是否出现某种网络错误<代码>错误(jqXHR,textStatus,errorhorn){alert(errorhorn);},诸如此类。只要把它放在你的成功
回调之后。你在使用开发者工具吗?检查网络
选项卡,查看服务器的响应是否有问题。还要检查控制台
以查看是否存在任何Javascript错误。我没有收到任何错误。我已经签入了开发人员工具。我在opencart工作。我在使用ajax方面做得对吗?这就是opencart中调用ajax的方式吗?在您的问题中,您可能应该引用opencart
。我不熟悉opencart。试试看我用$.ajax()调用设置了什么。