【封装简单的Ajax】的更多相关文章

封装简单的Ajax

调用请求: var obj = { url:"", //url地址 例如:test.php method:"", //get或post(大小写不限) 例如:get async:true, //true:异步请求 false:同步请求 默认true data:{ //所需要传输的数据(被注释内容为测试所用) // name:"战斗机", // age:20, // husband:null, // arr:["one",&quo…

jQuery-实现简单的Ajax请求封装

封装的意义在于复用,在于减少重复的代码. 我在项目中做了简单的Ajax请求封装,实现方式如下: //封装Ajax请求 $.extend({ ajaxDirect:function(url,type,data,success,error){ if(type.toLowerCase()=='post'){ data = pack(data) } $.ajax({ type: type, url: base + url, contentType:'application/json', data:dat…

jsonp其实很简单【ajax跨域请求】

js便签笔记(13)——jsonp其实很简单[ajax跨域请求] 前两天被问到ajax跨域如何解决,还真被问住了,光知道有个什么jsonp,迷迷糊糊的没有说上来.抱着有问题必须解决的态度,我看了许多资料,原来如此... 为何一直知道jsonp,但一直迷迷糊糊的不明白呢?——网上那些介绍资料都写的太复杂了! 我是能多简单就多简单,争取让你十分钟看完! 1. 同源策略 ajax之所以需要“跨域”,罪魁祸首就是浏览器的同源策略.即,一个页面的ajax只能获取这个页面相同源或者相同域的数据. 如何叫“同…

通过简单的ajax验证是否存在已有的用户名

首先来说说我对ajax的理解:简单地来说就是在不重新刷新页面的情况下,实现数据的调用获得更新. 我在这里介绍的是要过jquery封装好的ajax,大家可以去了解一下使用原生的XMLHttpRequest对象请求的知识点. ajax的各种参数老是记不全,这次也来记录一下几个常用的. 1.url:发送请求的地址 2.type:要求为String类型的参数,请求方式(get/post)默认情况下是get.注意其他Http请求也可,例如put.delete等,但是要根据浏览器是否支持 3.timeout…

原生JS封装简单动画效果

原生JS封装简单动画效果 一致使用各种插件,有时候对原生JS陌生了起来,所以决定封装一个简单动画效果,熟悉JS原生代码 function animate(obj, target,num){ if(obj.timer) { //判断定时器是否存在,决定是否清空 clearInterval(obj.timer); } obj.timer = setInterval(function() { var leader = obj.offsetLeft; var step = num;//num为你移动一步…

不借助jquery封装好的ajax，你能用js手写ajax框架吗

不借助jquery封装好的ajax,你能手写ajax框架吗?最基础的ajax框架,一起来围观吧. .创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); .设置open参数 xhr.open("GET", "Ajax.ashx?id=" + id, true); //第一个参数可取值get或post; 第二个参数为请求的路径: 第三个参数为是否采用异步,使用ajax绝对是true的啦. .注册回调函数 xhr.onre…

jQuery简单的Ajax调用示例

jQuery确实方便,下面做个简单的Ajax调用: 建立一个简单的html文件: <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="Public/js/jquery-easyui-1.3.1/jquery-1.8.2.min.js"></script> <script type="text/javascript…

利用jQuery与.ashx完成简单的Ajax

在ASP.NET同样可以与其它编程语言一样,利用前台的Ajax技术,只是需要注意的是,后台的处理程序不再是一个aspx页面中的Page_Load,而且ASP.NET独有的“一般处理程序”.ashx,下面用一个简单的例子来说明这个问题. 如下图,一个简单到,完全可以用前台脚本完成的加法程序.这里只是为了说明问题. 首先,这个解决方案的文件结构如下图: 你首先要右击解决方案的方式,通过添加“现有项”的方式,将一个高版本的jQuery.js文件添加到你的解决方案,直接复制这个文件复制到解决方案的文件夹…

简单的Ajax实例

由于刚刚接触Ajax,所以在网上搜了一下如何实现简单的Ajax,在此写下来,也方便自己以后学习 什么是Ajax? 通过在后台与服务器进行少量的数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页的某个部分进行更新. 在2005年,Google通过其Google Suggest使Ajax变得流行起来. XMLHttpRequest是Ajax的基础. 创建XMLHttpRequest对象 var xmlHttp=new XMLHttpRequest(); 老版本…

JQ简单操作Ajax笔记

JQ对ajax进行了封装,底层$.ajax().第二层是.load(),$.get(),$.post().第三层是$.getScript()和$.getJSON(). load(url selector, data[, cb) HTML元素异步加载Ajax,结果直接插入到html节点中.为了去除缓存可以设置一个时间变量,作为data发送. $.get(url, data[, cb[, datatypw) $.post(url, data[, cb[, data) $.getJSON() Ajax…