将jsonp与ajax HTML结合使用
using jsonp with ajax HTML
我有一个简单的html页面,可以直接打开,file://abc.html
它有以下代码
$.ajax({
url: "http://localhost:8080/ajax_info.php",
dataType: "jsonp",
jsonp: 'jsoncallback',
success: function(data) {
alert(data);
}
});
ajax_info.php中只有echo"hello"。
每次重新加载时,chrome中的网络选项卡显示向发出请求
http://localhost:8080/ajax_info.php?jsoncallback=jQuery1111016803214247142373_1471278920224&_=1471278920236
收到回复时打招呼,但我没有收到提醒框。
当我执行页面时,它什么都不显示(没有警报框(,我应该得到警报,里面有你好,我做错了什么吗?
尝试将此函数添加到您的函数中:
function jsoncallback(json){
alert(json);
}
EDIT:当你想使用JSONP时,服务器应该在你想要的函数中回显params:
在服务器上执行此操作
echo 'jsoncallback("hello!")';
或者这个:
echo 'jsoncallback('. json_encode($some_data) .')';
当然,"jsoncallback"是用户函数的名称,任何用户都可能想要更改,所以你必须以正确的方式进行:
echo $user_sent_me_this_name . '(' . json_encode($some_data) . ')';
success: function(data) {alert(data);}
这段代码很好,请确保Ajax连接正常工作。要知道您可以使用error:
参数。
$.ajax({
url: "http://localhost:8080/ajax_info.php",
dataType: "jsonp",
jsonp: 'jsoncallback',
success: function(data) {
alert(data);
},
error: function() {
$('#info').html('<p>An error has occurred</p>');
}
});
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何设置html元素填充的动画
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 是否有一种搜索引擎友好的方法可以将服务器端呈现的 HTML 与客户端 MVVM/MVC 框架相结合
- 将 HTML 报告与 Mocha 测试框架结合使用
- 将 JQuery 与 HTML Canvas 结合使用
- Angular:将 transclude 与 ng-bind-html 结合使用
- 如何将HTML和KML与Google Earth插件相结合
- 如何结合javascript与HTML,使表改变颜色取决于值
- 结合jQuery表和头部:如何分配最终的html输出
- HTML + Javascript -结合静态URL和document.referrer
- 是否有可能将cookie同意通知与HTML输出缓存结合起来?
- 如何将JavaScript代码和html代码结合在一起
- 结合颜色和图像使用php/html/javascript
- 如何迭代html元素,并结合javascript/jQuery时间
- 将jsonp与ajax HTML结合使用
- 如何将html、css和javascript编码结合起来使我的旋转木马工作
- 将HTML表行与Javascript相结合
- 复选框在<李>html条目-与用于折叠/展开列表项的javascript结合使用
- 结合多个HTML CSS构建一个新的页面