ajax方法简单实现

//option {url,medthod,type,data,fSuccess,fError}
function ajax(option) {
    var xhr = window.XMLHttpRquest ? new XMLHttpRquest() : new ActiveXObject(‘Microsoft.XMLHTTP‘);
    var body = option.method.toLowerCase() == ‘get‘ ? null : option.data;
    xhr.open(option.method,url);
    xhr.send(body);
    xhr.onreadystatechange = function(){
        if(xhr.readystate == 4 && xhr.status == 200){
            if(option.fSuccess){
                switch (option.type) {
                    case ‘json‘:
                        option.fSuccess(JOSN.parse(xhr.responseText));
                        break;
                    default:
                        option.fSuccess(xhr.responseText);
                        break;
                }
            }
        }
        else{
            option.fError({
                status:xhr.status,
                statusText:xhr.statusText
            })
        }
    }
}
时间: 2024-11-06 05:12:21

ajax方法简单实现的相关文章

ajax系列之用jQuery的ajax方法向服务器发出get和post请求

打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的.没有包含在form里,下面就用这两个输入框来学习下jQuery的ajax. 1,前端的html和javascript代码 页面html 1 <main style="text-align: center; margin: 200px a

各种AJAX方法的使用比较

转:http://www.cnblogs.com/fish-li/archive/2013/01/13/2858599.html#_label6 AJAX技术经过这么多年的发展,出现了一些框架或类库用于简化开发工作,不同的框架类库的使用方法也各不相同. 现在,再回头看看这些技术,看看这些框架类库,我们能感受到技术在不断地发展,AJAX开发越来越容易了. 本文收集了在ASP.NET平台上,一些具体代表性的AJAX开发方法,我将用实际的示例代码来演示如何使用它们, 让您感受AJAX的进化历程,同时也

再谈Jquery Ajax方法传递到action 【转载】

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://cnn237111.blog.51cto.com/2359144/984466 之前写过一篇文章Jquery Ajax方法传值到action,本文是对该文的补充. 假设 controller中的方法是如下: public ActionResult ReadPerson(PersonModel model)  {  string s = model.ToString();  ret

JQuery AJAX $.ajax()方法

AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术. AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新.这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新. JQuery脚本库里所提供的AJAX提交的方法有很多,但主要的方法有$.get(),$.post(),$.ajax().其中$.ajax()是前两种方法的底层实现,可以提供比前两者更多的属性与参数设置,如果需要高级的设置使用,建议使用$.aj

让Ajax更简单

之前写了一篇 ASP.NET中一种超简单的Ajax解决方案 最近把他拿出来更新了下,把demo也搞的更详细了一点 加入了blqw.Json,所以支持更多类型参数和返回值 优化了对exception的处理 增加了分页Pager对象 优化了注册页面变量的方式,更安全了 特点 首先他不需要任何的配置文件 没有额外dll ,他是开源的,只要你愿意, 他只有2个cs文件 使用之后前台js调用后台方法都是采用同步模式,这样更加接近C#后台的编程方式 var user = PostAjax8(); var m

jQuery使用ajax方法提交登陆信息时,遇到特殊字符&amp;

当我在做登陆页面的时候,常常会用到ajax方法来检测用户信息所填写的内容是否符合规范要求.一开始,为了简单明了,快速实现功能,在使用jQuery时,是这样写的: $.ajax({ url : "{:U('public/checklogin')}", cache : false, type : 'POST', dataType : 'json', data : 'username='+$('#username').val()+'&password='+$('#password')

【转】jquery ajax 方法及各参数详解

在使用jquery的时候,我们经常用到jquery中对ajax的封装,下面对ajax函数的各参数详细说明和讲解,以便更好的理解和使用 $.get(url, data, callback,type) 和 $.post(url, data, callback, type). 1. jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等. $.ajax() 返回其创建的 XML

Ajax的简单使用

1.简介 AJAX = Asynchronous JavaScript And XML(异步 JavaScript 及 XML) AJAX 是 Asynchronous JavaScript And XML 的首字母缩写. AJAX 并不是一种新的编程语言,而仅仅是一种新的技术,它可以创建更好.更快且交互性更强的 web 应用程序. AJAX 使用 JavaScript 在 web 浏览器与 web 服务器之间来发送和接收数据. 通过在幕后与 web 服务器交换数据,而不是每当用户作出改变时重载

黑马程序员【两种Ajax方法】

两种Ajax方法 Ajax是一种用于快速创建动态网页的技术,他通过在后台与服务器进行少量的数据交换,可以实现网页的异步更新,不需要像传统网页那样重新加载页面也可以做到对网页的某部分作出更新,现在这项技术已经被人们广泛应用,而对于一些对Web的了解还不是很深入的初学者,Ajax依然带着一层神秘的难懂的色彩,今天就在这里给大家以简单的方式解读一下Ajax的实现步骤和原理,并且给大家两种实现Ajax的方法,js和jquery. 首先ajax其实就是js+xml的技术,前端的表现就是一段js代码.要使用