<!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请求回调的更多相关文章

  1. jquery Ajax请求中显示Loading...

    jquery Ajax请求中显示Loading... $('#btnTest').click(function(){      $.ajax({           url ---- ,根据你需要设置 ...

  2. jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示

    1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实 ...

  3. jQuery ajax 请求php遍历json数组到table中

    html代码(test.html),js在html底部 <!DOCTYPE html> <html lang="en"> <head> < ...

  4. jquery Ajax请求示例，jquery Ajax基本请求方法示例

    jquery Ajax请求示例,jquery Ajax基本请求方法示例 ================================ ©Copyright 蕃薯耀 2018年5月7日 https: ...

  5. jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

    1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

  6. 原生js，jquery ajax请求以及jsonp的调用

    ajax    是用来处理前后端交互的技术,可以改善用户体验,其本质是    XMLHttpRequest,异步访问服务器并发送请求数据,服务器返回响应的数据,以页面无刷新的效果改变页面中的局部内容  ...

  7. jQuery ajax请求错误返回status 0和错误error的问题

    上周发现一个jQuery ajax请求错误返回status 0和错误error的问题,responseText是"error",状态码是0而不是200: $.ajax({ type ...

  8. 二、jQuery Ajax请求

    一.Ajax请求 1.jQuery Ajax请求 let ajaxTimeOut = $.ajax({ //将网络请求事件赋值给变量ajaxTimeOut url: "/api_v1.1/a ...

  9. jquery ajax 请求参数详细说明 及 实例

    url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

随机推荐

  1. 阶段1 语言基础+高级_1-3-Java语言高级_1-常用API_1_第6节 static静态_12_静态static关键字修饰成员变量

    创建一个学生类 定义成员变量,无参构造,全参构造.成员变量的getter和setter 所在教室必须是一样的,定义所在教室 下面来创建两个学生 只给one的room赋值了.two的教室并没有赋值.都输 ...

  2. 山西汽车销量(hive)

    1.创建数据库create database db_cart; 2.使用数据库use db_cart; 3.创建表create table t_cart(province STRING,month I ...

  3. 剑指offer--day08

    1.1 题目:二叉树镜像:操作给定的二叉树,将其变换为源二叉树的镜像. 1.2 思路:先交换根节点的两个子结点之后,我们注意到值为10.6的结点的子结点仍然保持不变,因此我们还需要交换这两个结点的左右 ...

  4. 重置Docker里的gitlab管理员用户密码

    1.docker ps  找出容器的唯一标识 2.docker exec -it ad9b8c3e20f0 /bin/bash  进入Docker容器运行环境 3.开始重置gitlab管理员用户密码 ...

  5. Robot Framework课件汇总

    http://www.testclass.net/rf/ 测试教程网http://www.testclass.net/all

  6. 浅谈WebService开发二（同步与异步调用）转

    上文 <http://www.dotnetgeek.cn/xuexiwebservice1.html>已经跟大家说了,如果创建一个webservice和简单的调用,本文将注重webserv ...

  7. [Python3 填坑] 016 对 __getattr__ 和 __setattr__ 举例

    目录 1. print( 坑的信息 ) 2. 开始填坑 2.1 __getattr__ 2.2 __setattr__ 1. print( 坑的信息 ) 挖坑时间:2019/04/07 明细 坑的编码 ...

  8. [Python3 练习] 007 简单的猜数字小游戏

    题目:简单的猜数字小游戏 (1) 描述 程序随机生成一个数字,玩家用键盘输入所猜数字,在规定次数内猜对为胜. (2) 要求 程序随机生成一个 1 到 100 的自然数 有 7 次机会去猜 机会用尽之前 ...

  9. eclipse中常用的快捷键【开发常用到的】

    1.全部选中:Ctrl+A 2.剪切Ctrl+X.复制Ctrl+C.粘贴Ctrl+V.保存Ctrl+S 3.撤销Ctrl+Z.取消撤销Ctrl+Y 4.规范代码:Ctrl+Shift+F 5.将代码更 ...

  10. Gradle -- 初体验

    Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建开源工具.它使用一种基于Groovy的特定领域语言(DSL)来声明项目设置,抛弃了基于XML的各种繁琐配置. ​ ...