手动模拟一个类似jquery的ajax请求
2024-08-30 21:22:34
var $ = {
parms:function(obj){
var str = '';
for(var k in obj){
str +=k+'='+obj[k]+'&';
}
str = str.slice(,-);
return str;
},
ajax:function(options){
var type = options.type;
var url = options.url||'';
var data = options.data||'';
data = this.parms(data);
// 判断请求方式
if (type=='get') {
// 如果是get请求,send中没有参数,或者为null
// 然后data数据应该拼接到url上
url = url+'?'+data;
data = null;
}
// 实例化对象
var xhr = new XMLHttpRequest();
// 设置请求行
xhr.open(type,url);
//判断是不是post请求,如果是post请求,就需要设置请求头
if (type=='post') {
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
}
// 设置请求正文
xhr.send(data);
// 监听并处理响应
xhr.onreadystatechange = function(){
if (xhr.readyState==&&xhr.status==) {
result = xhr.responseText;
console.log(result);
}
}
}
}
var obj = {
name:'小航',
age:
}
$.ajax({
type:'post',
url:'ajaxTools.php',
data:obj
})
下面附上php代码
<?php
// echo $_GET['name'].'----------'.$_GET['age'];
echo $_POST['name'].'----------'.$_POST['age'];
?>
一个简单的post和get接收数据的php代码
最新文章
- CentOS 7 防火墙 firewall 的使用
- TObject、Pointer、Interface的转换
- STL源码--Allocator学习
- C++11—lambda函数
- linux环境变量LD_LIBRARY_PATH
- 【转发】linux文件系统变为只读的修复
- UIApplication 常用方法
- 从Java虚拟机的内存区域、垃圾收集器及内存分配原则谈Java的内存回收机制
- hadoop概念
- P5238 整数校验器
- RabbitMQ快速入门
- python系统编程(十)
- WebService与RESTful WebService
- 无法打开工作组信息文件中的表 &#39;MSysAccounts&#39;,一个十分搞笑的解决方法
- VS2012中使用SOS调试CLR
- Windows10 解决 “/”应用程序中的服务器错误
- 大型运输行业实战_day06_1_购票功能简单实现
- [LeetCode]Combination Sum题解(DFS)
- mysql开启GTID跳过错误的方法【转】
- 连接mysql时1045错误的解决办法
热门文章
- [Jsoi2015]字符串树
- 洛谷 P1236 算24点
- 如何在linux 32位机器编译64位程序
- 用C#读取txt文件的方法(转)
- 3-1 vue生存指南 - todolist实现-数据渲染
- Connection: close和Connection: keep-alive有什么区别?
- Win10出现键盘未失灵,按下的键都是快捷键的问题
- [Swift通天遁地]一、超级工具-(9)在地图视图MKMapView中添加支持交互动作的标注图标
- jQuery setInterval倒计时精确到毫秒
- [C++ 多线程] 学习前瞻