【ajax and json】教程文章相关的互联网学习教程文章

Ajax中的JSON格式与php传输过程的浅析【代码】

在Ajax中的JSON格式与php传输过程中有哪些要注意的小地方呢?   先来看一下简单通用的JSON与php传输数据的代码HTML文件:<input type="button" value="Ajax" id="btn"><script>var btn = document.getElementById("btn");btn.onclick = function(){var xhr = getXhr();xhr.open("post","测试.php");xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");var user = ‘{"name":"zhangwuji","pwd":"123456"}...

Javascript Ajax总结——其他跨域技术之图像Ping和JSONP【代码】

在CORS出现之前,为实现跨域Ajax通信,开发人员利用DOM中能够执行跨域请求的功能,在不依赖XHR对象的情况下也能发送某种请求。1、图像Ping这里使用<img>标签。一个网页可以从任何网页中加载图像,不用担心跨域或不跨域。动态创建图像经常用于图像Ping。图像Ping是与服务器进行简单、单向的跨域通信的一种方式。请求的数据:以查询字符串形式发送响应的数据:可以是任意内容,但通常是像素图或204响应1var img = new Image(); 2 img...

jquery ajax使用JSONP解决跨域问题【代码】【图】

参考文章:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表:URL说...

servlet与ajax数据交换(json格式)【代码】

JSON数据格式:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 这些特性使JSON成为理想的数据交换语言。JSON建构于两种结构:(1)“名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被...

struts2发送ajax的几个问题(不使用struts2-json-plugin的情况下)【图】

采用原始方式发送ajax到action时,会遇到get,post的不同,原因是ContentType的问题,ContentType必须是text/html,struts获取到的inputStream才会有值!而默认jquery发送ajax采用的ContentType是application/x-www-form-urlencoded; charset=UTF-8,如果手动设置为json格式进行发送,那么struts2就获取不到数据了,所以在采用Post提交时不用指定ContentType,采用默认的就行,这点和Springmvc不一样,Springmvc发送json时得指定 c...

Ajax数据格式:XML Html JSON

XML优点: XML的一大优势在于它是一种可扩展的格式,使用时并不会受制于某种预设的数据结构,而是可以自由定义所需的结构,只要该结构在整份文件中保持一致即可。XML的另一个好处是,它符合DOM标准,只要通过Ajax调用获取到的数据,就可以像解析普通HTML文档那样,通过getElementsByTagName(),getAttribute(),parentNode,firstChild等方法或属性来解析它。缺点: 不能用于跨域名的Ajax调用,每个Ajax调用所请求的XML文件都必须...

Ajax(三) — json 数据格式

为什么,学习json?现在异构系统之间消息传递大多数的使用的都是json格式比如 WebService 基于XML,因为要遵循多种约束,所以传递数据比较麻烦,而且在高并发的情况下,传递数据很慢。而阿里的 Dubbo 分布式服务框架(仅限于Java平台使用)的效率就非常非常高JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的...

$.get/$.post/$.ajax/$.getJSON

$.get()方法 一般用get方法获取数据库里面的值 。 $("button").click(function(){ var url="后台处理该数据的地址?id=89&name=iii";$.get("url",function(data){$("ul>li ").append(data );}); }); $.post()方法 post法有向指定的资源提交要处理的数据的意思,需要提交 $("button").click(function(){var url="后台处理该数据的地址"; $.post("url",{id:89, name:"iii"},function(data,status){ $("ul>li ").append(data );...

javascript 利用ajax读取json数据【图】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</title><script src="ajax.js"></script></head><script>window.onload=function(){var oBtn=document.getElementById('btn');var oUl=document.getElementById('ul1')...

ASP.NET 跨域请求之jQuery的ajax jsonp的使用解惑 (转载)【代码】【图】

前天在项目中写的一个ajax jsonp的使用,出现了问题:可以成功获得请求结果,但没有执行success方法,直接执行了error方法提示错误——ajax jsonp之前并没有用过,对其的理解为跟普通的ajax请求差不多,没有深入了解;出现了这种错误,几经调试(检查后台的代码和js部分的属性设置)还是不行,让我感觉很是意外和不解。于是,决定仔细研究下ajax jsonp的使用,并将最后测试成功的学习经验和大家分享下! 首先,贴出可以成功执行的代码...

Spring注解处理Ajax请求-JSON格式[系统架构:Spring+SpringMVC+MyBatis+MySql]【代码】

这是自己曾写的一个系统(养老保险管理)中的一个小片段,今天突然想到把请求数据改成json,该如何处理。(Spring+SpringMVC+MyBatis+MySql)如下1.前端jsp页面<div class="tab_tip">请输入[身份证号或姓名] <input type="text" class="tab_getText" id="tab1_getText"><input type="button" class="tab_selectButton" id="tab1_selectButton" value="查询"></div><!-- 省略代码 --><table class="table" id="table1" cellspacing="0" ...

20、promise与ajax jsonp【代码】

一.Promise的作用是什么?当有多个请求之间有相互依赖关系(紧接着的请求需要上一次请求的返回结果),这时promise的作用就凸显出来了。二.如何使用promise? new Promise(function(resolve,reject){1.处理语句if(处理成功){resolve([参数]);}else{reject([参数]);}});三.promise的两个原型方法(对方方法) then(),catch()1.当前promise对象标志成resolve状态时,调用 then(function([参数]){处理语句})2.当前promise对象标...

form通过ajax以json发送,接受json数据做处理【代码】

{% extends "base.html" %}{% block title %}register{% end %} {% block head %}<script type="text/javascript" src="{{ static_url(‘js/jquery-1.12.4.min.js‘) }}"></script><script type="text/javascript">function login() {var username = document.getElementById("user_name").value;var password = document.getElementById("pass_word").value;var mobile = document.getElementById("mobile").value;$.ajax({type: ...

Struts2-学习笔记系列(15)-ajax支持和JSON【代码】

7.1stream类型的result使用stream就无需jsp页面,直接在action想浏览者生成指定的响应 1 2 3@Override4public java.lang.String execute() throws Exception {5 stream = name.equals("zcx") ? new ByteArrayInputStream("登录成功".getBytes("UTF-8"))6 : new ByteArrayInputStream("登录失败".getBytes("UTF-8"));7return SUCCESS;8}910 7.2json引入struts-json-plugin.jar文件,在action result配置 type=’jso...

利用fastjson解析json并通过js&ajax实现页面的无跳转刷新【图】

1.json是一种优秀的数据格式,在移动开发和web开发中经常用到,本例中通过一个小案例讲解如何通过alibaba的开源框架fastjson来解析jason数据格式并通过js实现无跳转刷新2,新建一个web项目,这是我的项目:我这里直接用servlet写的注意导包,我这里到了很多无用的包,其实主要的包是下面几个:这个三个包是必须的,其他都是开发基本web的常用包3.创建一个domain:package com.keson.domain;import com.thoughtworks.xstream.annotat...