【PHP实现的简单mockjson脚本分享_PHP】教程文章相关的互联网学习教程文章

用json方式实现在 js 中建立一个map

建立map的方式(其实用的是json实现方式) 代码如下:var a = {}; a["key1"] = "value1"; a["key2"] = "value2"; 既然是个map就有检索某个键是否存在的方法,这样写 代码如下:if ("key1" in a) { // something } else { // something else } 简单的一句话声明map里面的key和value的方式: 代码如下:var a = {key1: value1, key2: value2}

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动【图】

利用struts2和Ajax实现json对象的传输,然后实现菜单的二级联动 下面是我的 js文件原码: 代码如下:var mail={ //初始化 init:{ //初始化数据 initdata:{ did:, ttitle:, sendpassword:, description: }, //初始化事件 initevent:{ DataEvent:function(){ $("#did").unbind("change");//获取一级菜单,绑定事件 $("#did").bind("change",function(){ //alert($(this).val()); mail.init.initdata.did=$(this).val(); //alert(mail...

JSONP跨域的原理解析及其实现介绍

JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档在同一域下的内容。 JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略,在baidu.com下的页面中包含的JavaScript代码,不能访问在g...

jquery自动将form表单封装成json的具体实现

前端页面: 代码如下:<span style="font-size:14px;"> <form action="" method="post" id="tf"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <th> 姓名: </th> <td> <input type="text" id="txtUserName" name="model.UserName" /> </td> <th> 联系手机: </th> <td> <input type="text" name="model.Mobile" id="txtMobile" maxlength="11" /> </td> <th> 密码: </th> <td> <input type="password"...

js对象转json数组的简单实现案例

代码如下:function obj2Str(obj){ switch(typeof(obj)){ case 'object': var ret = []; if (obj instanceof Array){ for (var i = 0, len = obj.length; i < len; i++){ ret.push(obj2Str(obj[i])); } return '[' + ret.join(',') + ']'; } else if (obj instanceof RegExp){ return obj.toString(); } else{ for (var a in obj){ ret.push(a + ':' + obj2Str(obj[a])); } return '{' + ret.join(',') + '}'; } case 'function': r...

javascript实现json页面分页实例代码

下午有个朋友问json 数据怎么分页 就捣鼓了一个东东出来 下面直接代码: 代码如下:<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script>var a={"code":1,"list":[{"category1_id":"1","categ...

jquery的ajax和getJson跨域获取json数据的实现方法

很多开发人员在使用jquery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时,因为要和第三方公司的一个项目进行数据的共享,因为考虑多不占用服务器的资源,遂决定直接在html进行数据的读取,不走服务器端进行中转了。然后 正好就遇到了浏览器端跨域访问的问题。 跨域的安全限制都是指浏览器端来说的,服务器端不存在跨域安全限制的问题。 目前浏览器端跨域访问常用...

JavaScript Ajax Json实现上下级下拉框联动效果实例代码

最近尝试做出一个部门和人员的下拉框联动功能,部门和人员的对应关系是1:N代码如下:<div class="forntName">部门</div> <div class="inpBox"> <select name="department" id="department" onchange="change();" style="width:200px;" > <option value=-1>请选择</option> <s:iterator value="departmentList"> <option value=<s:property value="departmentCode"/>><s:property value="departmentName"/></option> </s:iterator...

js数组转json并在后台对其解析具体实现

想必大家在开发过程中也遇到类似问题,如果直接将js获取的数组传给后台,后台是无法区分数组的,因为js数组如果是二维的就是这样的:1,张三,23,2,李四,26 所以在此对其解决方法进行整理。希望能给大家带去帮助 首先需要在js里面对数组进行转换为json格式 js代码如下:代码如下:/** *js数组转json * */ function arrayToJson(o) { var r = []; if (typeof o == "string") return "/"" + o.replace(/([//"...

JS JSON对象转为字符串的简单实现方法

由于ie6,7不支持JSON.stringify(json), 我们只好自己再写一个函数来替换这个方法. 代码如下: 代码如下:function JsonToStr(o) {var arr = [];var fmt = function(s) {if (typeof s == object && s != null) return JsonToStr(s);return /^(string|number)$/.test(typeof s) ? "" + s + "" : s;}for (var i in o) arr.push("" + i + ":" + fmt(o[i]));return { + arr.join(,) + };}另外: 如果不想json中的数字也被字符串化. 可以改...

jquery+json实现数据列表分页示例代码

该实例中,新闻数据列表未使用表格显示。下面将所有源码附上,其中用到jquery插件。 代码如下:<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:set var="ctx" value="${pageContext.request.contextPath}" /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta charset="UTF-8"> <title>Demo</t...

AJAX跨域请求json数据的实现方法

我们都知道,AJAX的一大限制是不允许跨域请求。 不过通过使用JSONP来实现。JSONP是一种通过脚本标记注入的方式,它是可以引用跨域URL的js脚本,不过需要提供一个回调函数(必须在您自己的页面上),因此,你可以自己处理结果。 让我们看看JSONP的是怎么在jQuery,MooTools的,Dojo Toolkit中实现的。 jQuery的JSONPjQuery.getJSON方法:Js代码 代码如下:jQuery.getJSON("http://search.twitter.com/search.json?callback=?",{ ...

将Datatable转化成json发送前台实现思路

1、将dt序列化成json,放到前台的隐藏控件【hidBoundary】中: 代码如下:string json = JsonConvert.SerializeObject(dtTemp); this.hidBoundary.Value = json; 需要引用Newtonsoft.Json.dll 2、从前台隐藏空间中取得dt中的数据 代码如下:var boundaryDiv = $(#hidBoundary); if (boundaryDiv != undefined && boundaryDiv.length != 0) { var jsonString = boundaryDiv.val(); _jsonBoundary = jQuery.parseJSON(jsonString); ...

js实现json数据行到列的转换的实例代码

月份 郑州-电量 新乡-电量 安阳-电量201201 33 29 23201202 35 26 25201203 34 27 24201204 36 28 26201205 34.3 28.8 24.3这样,Ext的图表就能把它显示成三个序列了。我写了如下的函数实现这个功能: 代码如下:function CovertData(jsonData,idField, fromField, toField){ var result = [], curRecord =null, num; var fromFields = fromField.split(,); // 循环整个数组:[{...},{...},{...},...] for(var idx=0;idx<jsonData.l...

struts2+jquery+json实现异步加载数据(自写)

代码如下://初始加载页面时 $(document).ready(function(){ //为获取单个值的按钮注册鼠标单击事件 $("#getMessage").click(function(){ $.getJSON("ceshi",function(data){ //通过.操作符可以从data.message中获得Action中message的值 $("#message1").html("<font color=red>"+data.message+"</font>"); }); }); //向服务器发送表达数据 $("#getabc").click(function(){ //把表单的数据进行序列化 var params = $("form").seriali...