Ajax
关注
分享
扫一扫
神奇大叔
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
自定义ajax实现瀑布流
前台:<!DOCTYPE html><html><head > <meta charset='utf-8'/> <title></title> <link rel="stylesheet" type="text/css" href="css/initial.css"> <style> ...原创 2019-12-24 16:28:28 · 144 阅读 · 0 评论 -
自定义封装的ajax框架,能处理类似jquery中ajax格式的内容
传送后台的路径需要时修改 (function (){function myajax(jsonObj) { //根据请求类型处理参数 if(jsonObj.type.toLowerCase()=="get") { var arr=[] //将json的data参数变成数组 for(var i in jsonObj.data) { ...原创 2019-12-24 09:08:44 · 203 阅读 · 0 评论 -
基于ajax、前后台的三级联动
在调用时才从后台取数据从后台取数据时根据请求参数获得对应具体数据前台:<html><head> <meta charset="utf-8"> <title></title> <style> select{ width:200px; height:35px; } </style>...原创 2019-12-23 21:19:31 · 370 阅读 · 0 评论 -
Ajax 原生ajax-xhr对象文件上传进度条案例
<input type='file' > 浏览文件夹document.querySelector(‘input’).files; 获得文件对象中的文件集合对象xhr.onload.progress=function(){}; 上传还在进度时的回调函数event.lengthComputable; 进度度量衡,100%时返回false，否则返回true;event.load...原创 2019-12-22 22:36:29 · 792 阅读 · 0 评论 -
Ajax ajax原生-xhr对象超时调用实例
前台:<html><head> <meta charset="utf-8"> <title></title> <script src="jquery-3.4.1.js"></script></head><body> <button>发送请求</butto...原创 2019-12-22 21:02:02 · 608 阅读 · 0 评论 -
Ajax 原生ajax-xhr对象实现数据库查询是否存在操作
前台：<html><head> <meta charset="utf-8"> <title></title> <script src="jquery-3.4.1.js"></script></head><body> <label for='username'> ...原创 2019-12-22 17:51:16 · 214 阅读 · 0 评论 -
Ajax ajax原生对象-xhr对象兼容性写法
兼容性问题 获得xhr对象 非ie：new XMLHttpRequest() ie:new ActiveXObject() 写法： if(window.XMLHttpRequest) { var xhr=new XMEHttpRequest(); }else{ var xhr=new ActiveXObject(); }...原创 2019-12-22 17:38:05 · 339 阅读 · 0 评论 -
Ajax ajax原生-xhr对象处理post请求
post请求提交的表单数据 创建表单数据 var 变量=new FormData(); 给表单添加内容 变量.append(键,键所对应的值);前台:<html><head> <meta charset="utf-8"> <title></title> <script src="jquery-3....原创 2019-12-22 16:50:39 · 697 阅读 · 0 评论 -
Ajax ajax原生-xhr对象处理get请求
前台:<html><head> <meta charset="utf-8"> <title></title> <script src="jquery-3.4.1.js"></script></head><body> <button>发送请求</butto...原创 2019-12-22 15:31:29 · 271 阅读 · 0 评论 -
Ajax ajax原生-xhr对象的属性和方法、xhr对象的创建
Ajax模块在处理网络请求时包括以下四个步骤 创建Xhr对象 构建Xhr对象的属性和方法 发出HTTP请求 通过Xhr对象的方法接收服务器回传的数据xhr对象属性/方法 onreadystatechange 指向一个回调函数，当页面加载状态发生改变时调用 xhr.onreadystatechange=function(){}; 作用:监听请求是否发送成功 read...原创 2019-12-22 15:28:41 · 739 阅读 · 0 评论 -
php 基于数据库的前后台交互登录、注册案例
前台:<html><head> <meta charset="utf-8"> <title>前后台交互案例</title> <script src="jquery-3.4.1.js"></script><body> <span>用户名:</span><inpu...原创 2019-12-19 11:56:12 · 717 阅读 · 0 评论 -
php Ajax前后台交互案例
前台:<html><head> <meta charset="utf-8"> <title>前后台交互案例</title> <script src="jquery-3.4.1.js"></script><body> <span>用户名:</span><inpu...原创 2019-12-18 10:04:42 · 314 阅读 · 0 评论 -
jqAjax Ajax请求
后台php文件一定不能有<-- -->这样的注释，否则无法传输前台:Ajax 前后端交互,借助xmlHttpRequest对象来构建get无参请求:一般用来向后台获取数据使用,不会发送给后台任何内容get带参请求:一般像贴吧、社区等需要根据页码或指定属性获取数据时使用，参数一般都比较小post请求:一般用于登录,注册等保密性较高的使用jqeury Ajax写法 ...原创 2019-12-18 00:02:19 · 197 阅读 · 0 评论