<!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. UDP 首部的格式

    <图解TCP/IP>6.6 UDP首部的格式 源端口号:表示发送端端口号,字段长16位.该字段是可选项,有时可能不会设置源端口号.没有源端口号的时候该字段的设置为0.可用于不需要返回的通信 ...

  2. 记一次oracle安装错误：INFO: //usr/lib64/libstdc++.so.5: undefined reference to `memcpy@GLIBC_2.14'

    --一次oracle安装错误,oracle version:11.2.0.1.0[root@localhost ~]# cat /etc/issue\SKernel \r on an \m [root ...

  3. java配置详解

    JAVA_HOMED:\JavaTools\Java\jdk1.7.0_80\ D:\JavaEnvironment\Java\jdk1.7.0_71D:\JavaEnvironment\Java\j ...

  4. Lucene的步骤

    // 1. 采集数据 BookDao bookDao = new BookDaoImpl(); List<Book> bookList = bookDao.queryBookList(); ...

  5. Mac入门--Apache/Php/Mysql的开启关闭

    注意:mac自带apache环境和PHP环境 一 php服务的启动和关闭 php-fpm 启动 sudo php-fpm php-fpm 关闭 1 查看php-fpm端口是否在被php-fpm进程 n ...

  6. 实验报告3&学习总结

    1.已知字符串:"this is a test of java".按要求执行以下操作: 统计该字符串中字母s出现的次数. 统计该字符串中子串"is"出现的次数. ...

  7. [19/05/06-星期一] JDBC(Java DataBase Connectivity，java数据库连接)_基本知识

    一.概念 JDBC(Java Database Connectivity)为java开发者使用数据库提供了统一的编程接口,它由一组java类和接口组成.是java程序与数据库系统通信的标准API. J ...

  8. 第二次java面试（用友山东济南分公司）

    坐标:山东潍坊公共实训基地 面试单位:用友济南分公司(来了一位HR和技术经理) 本人状态:距离离校15天 宣讲: 1.女HR和男技术经理来到我们专业提前准备好的教室,先宣传海报和发传单,然后看了4个3 ...

  9. 16、前端知识点--Object.defineProperty 的用法+双向数据绑定原理解析

    一.Object.defineProperty 的用法 Object.defineProperty 可以用于给对象添加更新属性. <script> // Object.defineProp ...

  10. SQL server 关于 GROUP BY 详细讲解和用法

    1. Group By 语句简介: Group By语句从英文的字面意义上理解就是“根据(by)一定的规则进行分组(Group)”.它的作用是通过一定的规则将一个数据集划分成若干个小的区域,然后针对若 ...