javascript--ajax笔记(待整理)

javascript ajax

request.open("POST","get.php",true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");//告诉服务器是"POST"请求
request.send("username=王二狗&password=123456");

//Http请求有两种方式,"POST"和"GET","POST"一般用于修改服务器数据时使用如提交表单,安全,"GET"一般用于请求得到数据时使用,获得的数据会显示在url上

var request = new XMLHttpRequest(); //创建一个异步对象,建立一个XMLHttpRequest对象,ie5、6不支持,通过这个对象作为前台与后 台的中间处理器,进行数据交互

request.open("GET","get.php?number=1&sex=男 ",true); //"GET"定义后发送的方式和url及参数,"POST"参数写在send(参数);
request.send(); //将前台需要的http请求发送

request.onreadystatechange = function(){ //onreadystatechange监听request
if(request.readyState===4&&request.status===200){ //request.readyState判断响应变化情况-4代表响应完成
request.status判断请求是否完成--200完成
var text = request.responseText; //获取查询结果
}
}

服务器端(url地址端)需写好接口处理客户端发送过来的请求及做对应的动作

浏览器在地址栏输入url并回车属于get方法,服务器端接收到这个Http请求,在写好的脚本中判断,符合则返回页面

(浏览器通过url访问服务器,服务器端判断true后返回一个html页面的过程?)

在地址栏中打url要发送参数:url?number=1&sex=男

当服务器返回json数据时,客户端用var jsonDate = JSON.parse(request.responseText) //获取json格式数据对象

jQuery ajax
$(function(){
$.ajax(){

type:"POST",//"GET"不需要data
url:,
data:{
name:$().val(),
number:$().val(),
sex:$().val(),
job:$().val()
},
dataType:"json",
success:function(obj){

},
error:function(obj){
alert("发生错误:"+obj.status);
}
}

})

跨域

http:// www . abc.com :8080 / scripts/jquery.js
协议 子域名 主域名 端口号 请求资源地址

当协议 子域名 主域名 端口号任意一个不同时,算不同域,不同域间相互请求资源就算作"跨域"

解决方案:

1、后台使用代理

2、jsonp
前端 dataType:"jsonp",
jsonp:"callback",

后台 $jsopn = $
$jsopn.

3、XHR2

时间: 2024-12-12 18:51:23

javascript--ajax笔记(待整理)的相关文章

javascript AJAX与Comet详解

          博客专家福利      [限时活动]建专辑得大奖       专访荣浩:流程的永恒之道      当青春遇上互联网,能否点燃你的创业梦      推荐有礼--找出您心中的技术大牛 javascript AJAX与Comet详解 分类: javascript2012-12-24 17:39 367人阅读 评论(0) 收藏 举报 XMLHttpRequest对象 在IE5中,XHR对象是通过MSXML库中的ActiveX对象实现的.在IE中可能会遇到三种不同版本的XHR对象,即M

【优波尔】JavaScript的笔记 (1) 简介 用法 输出 语法

JavaScript基础笔记整理(1) 2015.05.29 今日任务:简介 用法 输出 语法 一.JavaScript的简介 JavaScript是脚本语言 JavaScript 是轻量级的编程语言,可插入html的代码 学习JavaScript了你会那些知识? (1)JavaScript:直接写入html输出流 document.write("<h1>这是一个标题</h1>"); (2)JavaScript:对事件的反应 <button type=&q

Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程

javascript继承笔记----1024

惊涛随笔 javascript继承笔记 //原型(prototype):原型是一个对象,其他对象可以通过它实现属性继承 /*笔记:* 1.类式继承:通过原型链继承的方式 * 2.原型式继承:对类式继承的封装 * 3.寄生式继承:对原型继承的二次封装,并且在第二次封装过程中对继承的对象进行扩展 * 4.构造函数式继承:通过构造函数继承的方式 * 5.组合式继承(类式继承+构造函数式继承 两者优点相加过滤缺点) * 6.寄生组合式继承:寄生式继承融合构造函数式继承的优点去除缺点的方式*/ //原型式

7 款基于 JavaScript/AJAX 的文件上传插件

本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能: 多文件上传 拖拽操作 实时上传进度 自定义上传限制 希望能为你的开发工作带来帮助. 1.  jQuery File Upload 具有多文件上传.拖拽.进度条和图像预览功能的文件上传插件,支持跨域.分块.暂停恢复和客户端图像缩放.可与任何服务端平台(如PHP.Python.Ruby on Rails.Java.Node.js.Go等)一起使用,支持标准的HTML表单文件上传. 2.  Pixelco

bootstrap 新手学习笔记 代码整理

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 滚动监听(Scrollspy)插件方法</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jqu

Javascript读书笔记:函数定义和函数调用

定义函数 使用function关键字来定义函数,分为两种形式: 声明式函数定义: function add(m,n) { alert(m+n); } 这种方式等同于构造一个Function类的实例的方式: var add = new Function("m", "n", "alert(m+n);"); Function类构造方法的最后一个参数为函数体:"alert(m+n);",前面的都是函数的形参,参数必须是字符串形式的:&

Javascript 学习笔记 2: 标识语句

可以在任何语句声明之前使用唯一标识(identifier)和冒号(:)用来标记该语句: identifier: statement 这样,你可以在程序的任何其他地方通过标识来使用这个语句.即使在语句内部也可以使用该语句的标识(例如:循环语句和条件语句).当在一个循环语句前添加一个标识,你可以在语句内部通过break 标识来退出当前循环,也可以通过continue标识来继续执行该语句.例如: mainloop: while(token != null) { // Code omitted... c

javascript学习笔记---ECMAScript-判断变量类型

判断类型之前,先要清楚有哪些类型. (理理思路:程序由数据和方法构成,数据由简单数据和复杂数据构成) 即类型有: 数据(简单数据:boolean,string,num,undefined,null.复杂数据:object), 方法(function) 万能的typeof,神一样的方法 typeof(1);// num typeof("hello");// string   typeof(false);// boolean var vFlag; typeof(vFlag);// unde

javascript进阶笔记(2)

js是一门函数式语言,因为js的强大威力依赖于是否将其作为函数式语言进行使用.在js中,我们通常要大量使用函数式编程风格.函数式编程专注于:少而精.通常无副作用.将函数作为程序代码的基础构件块. 在函数式编程中,有一种函数称为匿名函数,也就是没有名称的函数,是js中的一个非常重要的概念.通常匿名函数的使用情况是,创建一个供以后使用的函数.比如将匿名函数保存在一个变量里面,或将其作为一个对象方法,更有甚者将其作为一个回调等等之类的. //保存在变量中,通过fn去引用 var fn=function