1、前端页面default.html

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4.   <title> new document </title>
  5.   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6.   <meta name="generator" content="editplus" />
  7.   <meta name="author" content="" />
  8.   <meta name="keywords" content="" />
  9.   <meta name="description" content="" />
  10.   <script src="./qrcodejs/jquery.min.js"></script>
  11. 	<script>
  12. 			$(function () {
  13. 				var d={};
  14. 				var t = $('form').serializeArray();
  15. 				$.each(t, function() {
  16. 				  d[this.name] = this.value;
  17. 				});
  18. 				//console.log(JSON.stringify(d));
  19. 				$("#submitAB").click(function () {
  20. 					$.ajax({
  21. 						url: "http://localhost/download.php",
  22. 						type: "POST",
  23. 						contentType: "application/json; charset=utf-8",
  24. 						datatype: "JSON",
  25. 						//data: JSON.stringify({parameter_A:1,parameter_B:'liuchao'}),
  26. 						data: JSON.stringify(d),
  27. 						success: function (data) {
  28. 							var json2 = JSON.parse(data);
  29. 							console.log(json2.name);　　//dingxiaobo...
  30. 						},
  31. 						error: function () {
  32. 							alert("提交失败！");
  33. 						}
  34. 					});
  35. 				});
  36. 			});
  37. 		</script>
  38.  </head>
  39.  
  40.  <body>
  41.  <input id="submitAB" type="button" value="提交" />
  42.  <form>
  43.  <input id="parameter_A" name="parameter_A" type="text" value="1" />
  44.  <input id="parameter_B" name="parameter_B" type="text" value="dingxiaobo..." />
  45.  </form>
  46.  </body>
  47. </html>

2、后台download.php

  1. <?php
  2. $ret = array(
  3. 	'name'=>$params['parameter_B'],
  4. 	'age'=>34,
  5. );
  6.  
  7. echo json_encode($ret);

　　

　　

javascript json数据的处理的更多相关文章

  1. 细读 php json数据和JavaScript json数据

    关于JSON的优点: 1.基于纯文本,跨平台传递极其简单: 2.Javascript原生支持,后台语言几乎全部支持: 3.轻量级数据格式,占用字符数量极少,特别适合互联网传递: 4.可读性较强 5.容 ...

  2. javascript;json数据,js转换日期方法。

    接收json数据,日期格式为:"\/Date(1414078309687)\/" var value = "/Date(1414078309687)/"; va ...

  3. html模板与json数据交互

    阅读这篇文章后,对html和json有很大的启发: http://www.zhangxinxu.com/wordpress/2012/09/javascript-html-json-template/ ...

  4. [转]javascript eval函数解析json数据时为什加上圆括号eval("("+data+")")

    javascript eval函数解析json数据时为什么 加上圆括号?为什么要 eval这里要添加 “("("+data+")");//”呢?   原因在于: ...

  5. 移动端基于HTML模板和JSON数据的JavaScript交互

    写本文之前,我正在做一个基于Tab页的订单中心: 每点击一个TAB标签,会请求对应状态的订单列表.之前的项目,我会在js里使用 +  连接符连接多个html内容: var html = ''; htm ...

  6. javascript应用：页面解析list和map封装后的json数据

    开发web项目时,经常会使用到的页面脚本语言javascript,使用它能让页面展示上的效果更多彩. 今天就来说一下,从数据库中获取到数据后在页面上的展示方式: 1.数据库取出数据放入list< ...

  7. JSON数据与JavaScript对象转换

    使用JSON时,最基本的工作就是JSON数据与JavaScript对象之间的互相转换.如浏览器 从服务器端获得JSON数据,然后转换为JavaScript对象在网页输出. SON: JavaScrip ...

  8. javascript跨域获取json数据

    项目在开发过程中,用到了天气预报的功能,所以需要调用天气预报的api,一开始以为直接用ajax调用url就可以获取天气数据,结果涉及到了跨域的问题,这里做一个记录. 说到跨域,就得知道同源策略. 同源 ...

  9. Javascript实例技巧精选(6)—滚动鼠标中键读取Json数据分页显示网页内容

    >>点击这里下载完整html源码<< 截图如下: 滚动鼠标中键读取Json数据分页显示网页内容,关键的Javascript如下: <script type="t ...

随机推荐

  1. 深度学习（七十）darknet 实现编写mobilenet源码

    一.添加一个新的网络层 (1)parse.c文件中函数string_to_layer_type,添加网络层类型解析: if (strcmp(type, "[depthwise_convolu ...

  2. event.preventDefault() 解决按钮多次点击 导致页面变大

    event.preventDefault() 解决按钮多次点击 导致页面变大

  3. [Linux] 虚拟环境的配置和使用 virtualenv

    1.安装 sudo apt-get install python-virtualenv 2.使用 创建虚拟环境: virtualenv [虚拟环境名称] 例如: virtualenv env_test ...

  4. 如何从github下载项目的源代码，包含git客户端，直接下载，vs下载

    有好多小伙伴可能刚刚接触github,还不知道如果和github下载项目,此处写个博客统一的声明.从多种方式下载源代码,加深对git的理解. 首先先解释下git的含义,git是一个源代码的管理工具,通 ...

  5. Java之OO的特性与原则

    OO(Object-Oriented)面向对象     面向对象,有三个特性.五个原则之说. 特性 封装     顾名思义,封装就好比一个黑盒子,内部被隐藏,只有几个接口与外界相连.具体来说,所谓封装 ...

  6. 【剑指offer】数组中的逆序对。C++实现

    原创文章,转载请注明出处! 博客文章索引地址 博客文章中代码的github地址 # 题目 # 思路 基于归并排序的思想统计逆序对:先把数组分割成子数组,再子数组合并的过程中统计逆序对的数目.统计逆序对 ...

  7. 使用HttpURLConnection请求multipart/form-data类型的form提交

    写一个小程序,模拟Http POST请求来从网站中获取数据.使用Jsoup(http://jsoup.org/)来解析HTML. Jsoup封装了HttpConnection的功能,可以向服务器提交请 ...

  8. Associations marked as mappedBy must not define database mappings like @JoinTable or @JoinColumn【报错】

    自己的项目没有测通  可能是自己项目原因——因为自己项目中级联关系的类涉及太多 自己的项目[这样的配置报错] @OneToMany(fetch=FetchType.LAZY,cascade = { C ...

  9. JSP学习（一）JSP基础语法

    JSP基础语法 1.JSP模版元素 JSP页面中的HTML内容称之为JSP模版元素. JSP模版元素定义了网页的基本骨架,即定义了页面的结构和外观. <%@ page language=&quo ...

  10. 自动将 NuGet 包的引用方式从 packages.config 升级为 PackageReference

    在前段时间我写了一篇迁移 csproj 格式的博客 将 WPF.UWP 以及其他各种类型的旧样式的 csproj 文件迁移成新样式的 csproj 文件,不过全过程是手工进行的,而且到最后处理 XAM ...