Squery框架之AJAX控件 继续开发中
以后说明就写在这里了,该控件只当是练手 我把说明一起打包了 不过还是在这里而在贴出来 我有空的时候就会扩展其他功能了
高手就可以飘过了... 每次更新我都会把原来的控件一起打包 文件可能越来越大,呵呵 欢迎交流
Ax控件用于ajax请求
支持浏览器 火狐 IE 等...
控件参数
_Async 是否同步 true为异步 false为同步
_datas 传送的数据 如{name:Yige,age:20}
_requestMethod 请求方式 支持 post get两种
以上参数请通过 get_Async获取 或set_Async设置其数值
最简方法
第一步:首先页面引入该效果库
<script type="javascript" src="该效果库所在地址"></script>
第二步
<script type="javascript">
var s=Squery();
s.Ax.SendContent("请求地址","请求成功后显示的元素ID");
</script>
以上为最简请求方式
其他请求方式
SendTion(数据(Josn格式),请求地址,成功后显示内容的元素ID);
如SendTion({yige:"犀利哥",age:"20"},"yige.asp","div1"});
SendCallback(数据(Josn格式),请求地址,成功后显示内容的元素ID,回调函数(只需提供名称即可));
如SendCallback({yige:"犀利哥",age:"20"},"yige.asp","div1","sayResult"});
注意 该控件默认请求为GET 若要修改请求方法,在您使用控件方法前请先调用set_requestMethod()方法,在括号内写入GET或POST,
当然了 您还可以扩展该控件 组合成你需要的方式 通过以上控件方法及控件成员 您可以自定义一种请求方式
如:
var s=Squery();
//请求方法 数据 地址 呈现元素ID 回调
function ConstomizeRequest(_rm,_datas, _url, _eleid, _callback){
s.Ax.set_requestMethod("POST");
s.Ax.set_datas({yige:"Seven",age:"24"});
s.Ax.SendContent(_url, _eleid, _callback);
}
有什么问题请留言 下载地址:点击下载
相关文档:
Ajax中的返回状态readyState和status,原来没有重视过这两者的关系,结果今天写代码时出差错了。我的原代码为:
function requestSome()
{
url=......
xmlHttpRequest.open....
xmlHttpRequest.onreadystatechange = function responseSome();
xmlHttpRequest.send....
}
function resp ......
//初始化对象并发出XMLHttpRequest请求
xmlHttp= false;
if (window.XMLHttpRequest)
{ //Mozilla等其他浏览器
xmlHttp= new XMLHttpRequest();
if (xmlHttp.overrideMimeType)
{
& ......
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).
1. ......
1,本例子实现一个Ajax更改数据的例子
如图:
1,新建xml文件;其内容如下:
<?xml version="1.0" encoding="utf-8"?>
<userinfo>
<user>
<id>I</id>
<name>wtq</name>
<password>123456</password>
<phone>0595-8553 ......
function saveObj(){
var userName = document.getElementById("userName").value;
checkUserName(userName);
}
//使用ajax实现页面无刷新功能;
var xmlHttpRequest;
function createXMLHttpRequest(){
if(windo ......