jquery ajax请求回调
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> js 对象替换字符串占位符 </title>
<meta charset="UTF-8" />
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
String.prototype.format = function() {
if(arguments.length == 0) return this;
var obj = arguments[0];
var s = this;
for(var key in obj) {
s = s.replace(new RegExp("\\{\\{" + key + "\\}\\}", "g"), obj[key]);
}
return s;
}
var data = {
name:"张三",
age:23,
sex:"男"
}
var text = "我叫{{name}},我今年{{age}}岁,我的性别是{{sex}}!".format(data);
//console.log(text); function convert(key, value) {
if (typeof value === 'string') {
return value.toUpperCase();
}
return value;
}
var xiaoming = {
name: '小明',
age: 14,
gender: true,
height: 1.65,
grade: null,
'middle-school': '\"W3C\" Middle School',
skills: ['JavaScript', 'Java', 'Python', 'Lisp']
};
xiaoming.toJSON = function(){
return {Name:this.name, Age:this.age, Gender:this.gender};
}
var s = JSON.stringify(xiaoming);
//var s = JSON.stringify(xiaoming, null, ' ');
//var s = JSON.stringify(xiaoming, ['name', 'skills'], ' ');
//var s = JSON.stringify(xiaoming, convert, ' ');
//console.log(s); //console.log(JSON.parse('[1,2,3,true]'));
//console.log(JSON.parse('{"name":"小明","age":14}'));
var obj = JSON.parse('{"name":"小明","age":14}', function (key, value) {
if (key === 'name') {
return value + '同学';
}
return value;
});
//console.log(JSON.stringify(obj)); var url = 'https://api.openweathermap.org/data/2.5/forecast?q=Beijing,cn&appid=800f49846586c3ba6e7052cfc89af16c';
$.getJSON(url, function (data) {
var info = {
city: data.city.name,
weather: data.list[0].weather[0].main,
time: data.list[0].dt_txt
};
//console.log(JSON.stringify(info, null, ' '));
}); //console.info('11111');
//console.log('2222');
//console.error('test11');
//console.debug('test112'); //谷歌浏览器和opera不支持console.debug() $(document).ready(function(){
$("#btn_1").click(function(){
$.ajax({
type: 'GET',
url: 'https://api.openweathermap.org/data/2.5/forecast',
data: 'q=Beijing,cn&appid=800f49846586c3ba6e7052cfc89af16c',
cache:false,
dataType: 'JSON',
error: function () {
alert('网络错误');
},
beforeSend: function (XMLHttpRequest,o) {
console.log(XMLHttpRequest.readyState);
console.log(o.dataType);
$("#loading").show();
},
success: function (data, textStatus, XMLHttpRequest) {
var info = {
city: data.city.name,
weather: data.list[0].weather[0].main,
time: data.list[0].dt_txt
};
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
console.log(JSON.stringify(info, null, ' '));
},
complete: function(XMLHttpRequest, textStatus) {
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
$("#loading").hide();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
},
});
});
});
</script>
<style> </style>
</head>
<body>
<div id="loading" style="display:none">正在加载...</div>
<button id="btn_1" type="button">Click Me!</button> <div style="margin-bottom:5px;font-size:14px;border-bottom:1px solid #ccc">
订单详情
</div>
<table cellspacing="12" style="border-color:#3399ff;padding:0;margin:0;width:100%;height:30px;">
<tbody>
<tr>
<td>订单ID：</td>
<td>{{id}} </td>
<td>序号：</td>
<td>{{sn}} </td>
<td>标题描述：</td>
<td>{{title}} </td>
</tr>
<tr>
<td>订单类型：</td>
<td>{{_type}} </td>
<td>订单城市：</td>
<td>{{_cityid}} </td>
<td>总价：</td>
<td>{{sumprice}} </td>
</tr>
<tr>
<td>成本价：</td>
<td>{{cosprice}} </td>
<td>支付价：</td>
<td>{{payprice}} </td>
<td>状态：</td>
<td>{{_status}} </td>
</tr>
<tr>
<td>支付时间：</td>
<td>{{paytime}} </td>
<td>会员名称：</td>
<td>{{_memberid}} </td>
<td>机构名称：</td>
<td>{{_corperid}} </td>
</tr>
<tr>
<td>订单来源：</td>
<td>{{_platid}} </td>
<td>添加时间</td>
<td>{{_addtime}} </td>
<td>联系人手机号</td>
<td>{{contactmobile}} </td>
</tr>
</tbody>
</table>
</body>
</html>
jquery ajax请求回调的更多相关文章
- jquery Ajax请求中显示Loading...
jquery Ajax请求中显示Loading... $('#btnTest').click(function(){ $.ajax({ url ---- ,根据你需要设置 ...
- jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示
1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实 ...
- jQuery ajax 请求php遍历json数组到table中
html代码(test.html),js在html底部 <!DOCTYPE html> <html lang="en"> <head> < ...
- jquery Ajax请求示例，jquery Ajax基本请求方法示例
jquery Ajax请求示例,jquery Ajax基本请求方法示例 ================================ ©Copyright 蕃薯耀 2018年5月7日 https: ...
- jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...
- 原生js，jquery ajax请求以及jsonp的调用
ajax 是用来处理前后端交互的技术,可以改善用户体验,其本质是 XMLHttpRequest,异步访问服务器并发送请求数据,服务器返回响应的数据,以页面无刷新的效果改变页面中的局部内容 ...
- jQuery ajax请求错误返回status 0和错误error的问题
上周发现一个jQuery ajax请求错误返回status 0和错误error的问题,responseText是"error",状态码是0而不是200: $.ajax({ type ...
- 二、jQuery Ajax请求
一.Ajax请求 1.jQuery Ajax请求 let ajaxTimeOut = $.ajax({ //将网络请求事件赋值给变量ajaxTimeOut url: "/api_v1.1/a ...
- jquery ajax 请求参数详细说明 及 实例
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
随机推荐
- protel封装总结(新手必看）
零件封装是指实际零件焊接到电路板时所指示的外观和焊点的位置.是纯粹的空间概念.因此不同的元件可共用同一零件封装,同种元件也可有不同的零件封装.像电阻,有传统的针插式,这种元件体积较大,电路板必须钻孔才 ...
- vue集成汉字转拼音或提取首字母
需求: 有时我们为了节省用户的维护量,需要根据中文生成出相应的拼音和缩写 解决: 此方法是利用汉字和Unicode编码对应找到相应字母 一.编写汉字和编码 ...
- react 样式的写法之一 ---》styled-components的基本使用
[react]---styled-components的基本使用---[WangQi] 一.官网地址 https://www.styled-components.com/ 二.styled-com ...
- Mac--PHP已经开启gd扩展验证码不显示
错误显示:Call to undefined function imagettftext() 原因: mac系统中自带的php的gd库中,缺少对freetype的支持,导致图片无法显示. 解决: 1 ...
- oracle--二维表的操作创建修改删除
oracle学习内容 oracle的管理系统学习 oracle的数据管理学习 oracle的用户管理 oracle二维表管理 创建表和字段讲解 --创建表学习 1. 创建表的基本语句:create t ...
- Java 基础知识整理 （待整理)
JVM之类加载器(ClassLoader)基本介绍 类加载器用于将class文件加载到JVM中去执行.下面介绍类加载器涉及到的基本概念和加载基本过程. 一.Java虚拟机与程序的生命周期 在运行Jav ...
- SpringBoot(四) -- SpringBoot与Web开发
一.发开前准备 1.创建一个SpringBoot应用,引入我们需要的模块 2.SpringBoot已经默认将这些场景配置好了,只需要在配置文件中指定少量配置,就能运行起来 3.编写业务代码 二.静态资 ...
- 设置国内AndriodSDK代理
由于一些原因,Google相关很多服务都无法访问,所以在很多时候我们SDK也无法升级,当然通过技术手段肯定可以解决,但是比较麻烦,而且下载速度也不怎么样. 这里笔者介绍一个国内的Android镜像站, ...
- [HNOI2016]树（可持久化线段树+树上倍增）
[HNOI2016]树(可持久化线段树+树上倍增) 题面 给出一棵n个点的模板树和大树,根为1,初始的时候大树和模板树相同.接下来操作m次,每次从模板树里取出一棵子树,把它作为新树里节点y的儿子.操作 ...
- HDU-2571 命运(搜索，我才不是为了插图呢！哼！)
看到这题其实感觉就是搜索题,广搜的话看讨论区里已经有人内存超限了,所以我选择了深搜,有两种思路,第一种是从起点出发,依次更新每一个格子的最大值,这样dp[n][m]就是最后的结果了,第二种是从起点试探 ...