AJAX
关注
分享
扫一扫
文章平均质量分 72
杜小白Zero
这个作者很懒，什么都没留下…
展开
-
JSONP跨域请求原理及示例
一、JSON和JSONP？ JSON（JavaScript Object Notation）和JSONP（JSON with Padding）虽然只有一个字母的差别，但其实根本不是一回事：JSON是一种轻量级的数据传输格式，而JSONP是一种依靠开发人员的聪明才智创造出来的一种非官方跨域数据交互协议。打个比喻：JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递...原创 2018-05-21 20:59:51 · 514 阅读 · 0 评论 -
Ajax在线聊天室
一、聊天室功能需求分析：区域1：及时显示大家的聊天信息，页面在不刷新的情况下把聊天信息给追加进来。利用反向推技术，每间隔2s就去服务器查看是否有新的聊天信息，有则请求回来并显示。 实现：给ajax做一个轮询（setInterval()）。区域2：在页面不刷新的情况下，把信息提交给服务器存储，同时在区域1中显示对应的内容。 实现：ajax无刷新方式获得聊天Form表单...原创 2018-07-21 12:35:03 · 5522 阅读 · 3 评论 -
Ajax与dom合作实现对xml的接收和处理
ajax负责请求xml和接收xml信息，dom负责处理xml信息dom： php里边，dom是php与xml（html）之间的沟通桥梁 JavaScript里边，dom是JavaScript与html（xml）之间沟通桥梁具体实现：04.xml：<?xml version="1.0" encoding="UTF-8"?><weather> <city&...原创 2018-07-15 16:39:07 · 628 阅读 · 0 评论 -
javascript接收处理json信息
javascript接收处理json信息ajax获得接口信息，javascript本身处理json信息；通过eval（）把接收的json字符串变成真实的对象信息。提供的json接口数据01.php：<?phpheader("content-type:text/html;charset=utf-8");//制作一个json信息echo '{"city":"北京","te...原创 2018-07-20 15:00:03 · 8444 阅读 · 0 评论 -
Ajax实现无刷新分页效果
一、无刷新分页技术的必要性 如果我们通过”传统方式“实现上图的商品分页效果，每次分页的时候就会使得头部、左侧、底部等已经显示的信息重新从服务器获得出来，这样对带宽、服务器资源、用户等待时间都有额外的损耗。如果使用ajax无刷新分页，每次就只从服务器获得”商品评论区域“信息即可，对各方面资源的使用就有相应节省，因此ajax无刷新分页效果有其存在的必要性。二、具体实现商品总记录条数、每页显示多少条m...原创 2018-07-14 20:55:48 · 2027 阅读 · 0 评论 -
Ajax之异步同步请求
同步、异步ajax对象.open（方式get/post，url地址，[异步true]同步false）；ajax是可以与服务器进行（异步或同步）交互的技术之一。异步：同一个时间点允许执行多个进程。同步：同一个时间点只允许执行一个进程。服务器端04.php：<?phpecho "computer";同步请求：客户端04async.html：<!DOCTYPE html><...原创 2018-07-14 11:07:27 · 814 阅读 · 0 评论 -
Ajax之post请求
ajax之get请求需要注意的四个地方：给服务器传递数据需要调用send（请求字符串数据）方法调用方法setRequestHeader()把传递的数据组织为xml格式（模仿form表单传递数据）传递的中文信息无需编码，特殊符号像&、=等仍需要编码该方式请求的同时也可以传递get参数信息，同样使用$_GET接收该信息ajax发起post请求服务器端03.php：<?php//接收p...原创 2018-07-13 23:23:18 · 7272 阅读 · 0 评论 -
Ajax之get方式请求
ajax之get请求需要注意的两个地方：在url后边以请求字符串（传递的get参数信息）形式传递数据。对中文、=、&等特殊符号处理对特殊信息的处理：在浏览器里通过get参数传递一些特殊符号信息会被误解混淆，例如&、=等；为了避免特殊符号被误解产生歧义，需要对其进行编码处理。同时如果传递get参数中文信息，也需要进行编码处理。在php里边可以通过函数urlencode()/urlde...原创 2018-07-13 22:05:56 · 5899 阅读 · 0 评论 -
Ajax接收服务器端返回信息
Ajax可以接收什么信息？浏览器可以接收的信息ajax都可以接收，例如字符串、html标签、css样式内容、xml内容、json内容等。ajax接收服务器端返回的信息，需要结合readyState/onreadystatechange/responseText一起使用：ajax属性和方法介绍：ajax事件onreadystatechange最多感知四种状态：获取到服务器端内容：ajax常用请求方法...原创 2018-07-13 18:04:26 · 2973 阅读 · 0 评论 -
Ajax发起对服务器的请求
一、服务器端逻辑：给文件追加内容<?php$fp = fopen("./01.txt", "a"); //追加方式打开01.txt文件（文件不存在会自动创建）fwrite($fp, "ajax发起对服务器的请求"); //给文件写内容fclose($fp); //关闭文件在浏览器中输入以下网址访问服务器端01.php文件，页面中没有内容，但是在当前01.php文件目录下会生成一个01...原创 2018-07-13 11:58:37 · 406 阅读 · 0 评论 -
Ajax本地跨域Cross origin requests are only supported for protocol schemes: http, data, chrome……
如下，demo1.html访问本地demo1.php文件时出现跨域问题，解决：给浏览器传入启动参数（allow-file-access-from-files），允许跨域访问。找到Chrome浏览器的快捷方式，右键访问“属性”：在其后添加allow-file-access-from-files，如下，"C:\Program Files (x86)\Google\Chrome\Application\...原创 2018-07-09 19:17:08 · 2594 阅读 · 0 评论 -
用于模式匹配的String方法和RegExp方法
一、用于模式匹配的String方法1、search search方法以正则表达式为参数，返回第一个与之匹配的子字符串的开始位置，如果没有任何子字符串与之匹配，则返回-1.使用实例：var str = 'I love JavaScript and Ajax';alert.(str.search(/l.*e/));//匹配‘love’，返回2alert.(str.search(/\s/));//...原创 2018-06-11 09:58:10 · 821 阅读 · 0 评论 -
实例解读DOM结点操作
DOM提供了丰富的方法来支持对结点的基本操作，即创建、添加、修改和删除结点。一、创建元素结点document.createElement('div'); //创建一个div元素 当使用createElement方法创建元素后，元素并没有被立即加入到当前的DOM树中，而是被存放在内存中。只有在使用添加结点的相关方法进行操作，才能真正将元素加入DOM树中。二、创建文本节点 使用createTe...原创 2018-05-31 17:08:52 · 533 阅读 · 0 评论 -
实例解读DOM结点的引用
DOM，Document Object Module文档对象模型，今天主要介绍DOM中对结点的引用操作。根据id属性引用结点根据name属性引用结点根据标签名引用结点引用父结点引用子结点引用相邻的结点一、根据id属性引用结点 通过document对象的getElementById方法来查找拥有指定id属性值的结点。<!DOCTYPE html><html lang="en"&...原创 2018-05-31 11:39:31 · 705 阅读 · 0 评论 -
JSON与XML的区别
一、JSON JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，具有良好的可读性，便于快读编写，可在不同平台之间进行数据交换。二、XML XML（Extensible Markup Language），扩展标记语言，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML使用DTD...原创 2018-05-21 21:56:09 · 390 阅读 · 0 评论 -
XMLHttpRequest创建对象、发送请求、接收响应
Ajax工作原理XMLHttpRequest 对象Ajax的核心是XMLHttpRequest对象，它是Ajax实现的关键——发送异步请求、接收响应及执行回调都是通过它来完成的。所有现代浏览器均支持XMLHttpRequest对象（IE5和IE6使用ActiveXObject）。XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对...原创 2018-08-21 16:53:01 · 12702 阅读 · 0 评论