后端开发|php教程
javascript,JSONP,AJAX
后端开发-php教程
在之前我写过“php返回json数据简单实例”,“php返回json数据中文显示的问题”和“在PHP语言中使用JSON和将json还原成数组”。希望能帮助到大家。
刮刮卡 源码 刮开 兼容,vscode中link,ubuntu回收站怎么设置,tomcat报错详解,安卓sqlite删除,js图片插件,huii前端框架免费吗,爬虫追踪IP地址,点餐 php,seo real,装饰建材公司网站源码,c读取网页源码,shopnc首页模板文件,小电影采集程序lzw
实例1
飞翔 源码,vscode页面js格式,ubuntu qt源,tomcat80+端口,爬虫301,php定时更新,开封企业seo优化推广,摄影展示网站源代码,app论坛开发模板下载lzw
test.html
微信投篮游戏源码,vscode扩展栏被隐藏,ubuntu占用大小,下载tomcat怎么配置,爬虫代码输出,php5.2 手册,seo优化网哪家质量好,网站页面移动星星,cms模板网lzw
ajax.js
$.ajax({ type : "post", url : "ajax.php", dataType : "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback) jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名 success : function(json){ alert(success); }, error:function(){ alert(fail); }});
ajax.php
jquery-1.5.2.min.js
自己上网下载
当使用jsonp时,使用 JSONP 形式调用函数时,如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
实例2
test.html
ajax.js
$(document).ready(function(){$("#btn").click(function(k) { //... var j = $("form").serializeArray();//序列化name/value $.ajax({ type: GET, //这里用GET url: ajax.php, dataType: jsonp, //类型 data: j, jsonp: callback, //jsonp回调参数,必需 async: false, success: function(result) {//返回的json数据alert(result.message); //回调输出 result = result || {};if (result.msg==err){ alert(result.info);}else if (result.msg=="ok"){ alert(提交成功);}else{ alert(提交失败);} }, timeout: 3000 }) //... });});
ajax.php
$_GET[age], "message"=>$_GET[age]);$date["msg"]="err";$date["info"]="因人品问题,发送失败";$tmp= json_encode($date); //json 数据echo $callback . ( . $tmp .); //返回格式,必需?>
jquery-1.5.2.min.js
自己从网上下载
js跨域请求服务实例分析
ajax前台后台跨域请求处理方式
vue使用axios跨域请求数据实例详解