ajax5

处理跨域方法

（代理）

一个域名地址的组成：

http://www.abc.com：8080/script/jQuery.js

协议子域名主域名端口号请求资源地址

当协议，子域名，主域名，端口号中任意一个不相同时，都算作不同域。

不同于之间相互请求资源，就算作“跨域”

（JSONP）

JSONP可用于解决主流浏览器（get请求）的跨域数据访问的问题

JSONP不支持POST请求

（XHR2）

HTML5提供的是XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能

IE10以下的版本都不支持

在服务器端做改动

header（‘Access-Control-Allow-Origin:*’）；

header（‘Access-Control-Allow-Methods:POST，GET’）；

时间： 2024-10-26 21:25:28

ajax5的相关文章

JavaScript之Ajax-5 JSON(JSON概述、使用JSON)

一.JSON概述 JSON概述 - JSON: JavaScript Object Notation,JavaScript对象表示法,原本是JavaScript中创建对象的一种语法 - 现在,JSON已经从JavaScript中独立出来,作为一种独立的字符串数据表示法,被Java.C#.C++.PHP.OC等几乎所有主流语言所支持 - JSON作为一种轻量级的文本数据交换格式,已被广泛使用于存储和交换文本数据领域,作用与XML类似,但比XML更简洁.更快.更容易解析 JSON语法规则 - JSO

Ajax与JSON使用教程

Ajax与JSON使用教程1.1.1 摘要 Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据(入门教程qkxue.net),然后再通过DOM将数据插入到页面中呈现(腾云科技ty300.com).虽然名字中包含XML,但Ajax通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式. XMLHttpRequest对象用于在后台与服务器交换数据,具体作用如下: 在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数

滚动加载服务器端内容——例子

网页代码如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>滚动加载</title> <style> * {margin:0; padding:0; border:0;} #container {width:960px; margin:auto;} #container:after {display:block; height:0

AJAX案例四：省市联动

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 3 4 5 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4

Ajax 与Json

一.Ajax开发步骤: 1.得到XMLHttpRequest对象. var xmlhttp=null; if (window.XMLHttpRequest) {// code for all new browsers xmlhttp=new XMLHttpRequest(); } else if (window.ActiveXObject) {// code for IE5 and IE6 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

滚动载入server端内容——样例

网页代码例如以下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>滚动载入</title> <style> * {margin:0; padding:0; border:0;} #container {width:960px; margin:auto;} #container:after {display:block; height

jquery 提示插件 cluetip

jquery的插件cluetip, 地址下载是:plugins.learningjquery.com/cluetip/demo/ 下面简单讲解下用法: 1 首先当然要放JQUERY的基本JS,和这个插件的JS了,如: <a class="title" href="#" title="This is the title|The first set of contents comes after the first delimiter..... $('

【达达前端】Ajax实战项目源码讲解（快速入门的实例）Github源码

作者 | Jeskson 来源 | 达达前端小酒馆源码地址: https://github.com/huangguangda/Ajaxitm 什么是Ajax技术?实战中的运用ajax技术,了解前后端交互的方式,了解移动端的模式,了解H5的新技术,了解CSS3的使用,和JQuery的使用. Ajax技术可以提高用户体验,无刷新的与后台进行数据的交互,异步的操作方式,可以不用刷新页面提高性能. 了解前后端的交互流程,主要分为三部分,客户端,服务端,数据库,环境搭建,wamp,phpMyAdmin.