Ajax
关注
分享
扫一扫
zuo_zuo_blog
这个作者很懒，什么都没留下…
展开
-
.AJAX - 创建 XMLHttpRequest 对象
1.创建 XMLHttpRequest 对象:variable=new XMLHttpRequest();老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：variable=new ActiveXObject("Microsoft.XMLHTTP");2.为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XML...原创 2018-11-21 20:16:29 · 158 阅读 · 0 评论 -
模版引擎的使用
使用模版引擎使用模版引擎方法：1.导入js文件，2.准备模版，3.准备多想填充模版设置到界面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>...原创 2019-05-29 19:44:58 · 213 阅读 · 0 评论 -
真正免费的天气API接口
网上几乎所有的天气接口都需要注册key，然后还各种频率限制，每天调用次数才几百次? 太坑爹了吧一个简单的天气预报功能, 为什么要搞的这么复杂, 收什么费?推荐一个真正免费的天气API接口, 返回json, jsonp格式没有调用次数、频率和IP限制，并且提供 7日天气 / 15日天气 / 40日天气 / 小时预报 / 生活指数 / 空气质量 / 预警信息调用也很简单, 一行代码搞定，可在A...原创 2019-05-31 21:31:55 · 58993 阅读 · 12 评论 -
百度获取天气预报接口
<html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="button" value='去百度 获取天气预报'> <table id='we...原创 2019-05-31 21:10:52 · 33691 阅读 · 2 评论 -
聊天机器人案例
HTMl<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html,body{ height: 100%; margi...原创 2019-05-28 21:35:33 · 760 阅读 · 0 评论 -
坑人的瀑布流
HTMl<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JQuery 实现瀑布流</title> <style> body { ...原创 2019-05-31 15:28:37 · 226 阅读 · 0 评论 -
ajax方法封装
// ajax get 五部曲function ajax_get(url,data){ var ajax=new XMLHttpRequest(); //url方法，如果发送数据段格式为xxx。php？name=jack&age=18，需要拼接 if(data){ url+='?'; url+=data; }...原创 2019-05-28 09:44:13 · 14389 阅读 · 0 评论 -
注册页面验证用户名和手机号
HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单注册</title> <style> body { ...原创 2019-05-30 19:54:15 · 4431 阅读 · 1 评论 -
通过json传数据
是一种格式，是字符串，基本上所有语言都有json字符串转化为该语言对象的语法。如果要变成js对象必须调用一个方法，调用json的parse方法将json形式的字符串转化成对应的js对象var jsObj=JSON.parse(str);HTML <!DOCTYPE html> <html lang="en"> <head> ...原创 2019-05-27 17:59:14 · 811 阅读 · 0 评论 -
ajax测试jq_get方法和jq_post方法和jq_ajax方法
(1)jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。(2)参数url:待载入页面的URL地址data:待发送 Key/value 参数。callback:载入成功时回调函数。t...原创 2019-05-30 09:48:25 · 361 阅读 · 0 评论 -
Xml文件读取--获取多个数据显示浏览器端
它是按照某种既定的格式写的字符串，最开始要写版本号，全部使用双标签，最外层需要一个根节点，标签的名字只要不已数字和中文开头即可。版问号作为第一行<?xml version=”1.0” encoding=”UTF-8”?>如果使用php读取xml那么要设置header3.异步 对象中 有另外一个属性 用来专门获取 xmlconsole.log(ajax.responseX...原创 2019-05-25 17:12:42 · 708 阅读 · 0 评论 -
异步切换头像文字
使用post发送数据，必须设置如下格式ajax.setRequestHeader(‘Content-type:application/x-www-form-urlencoded’);如果需要像HTML表单那样post数据，请使用setRequestHeader（） <!DOCTYPE html> <html lang="en"> <head&...原创 2019-05-25 12:02:27 · 222 阅读 · 0 评论 -
php设置上传文件大小
修改php.ini步骤左键点击wamp选择php在弹出的窗口中选择php.ini在打开的文件中进行修改(修改步骤如下)修改完毕,保存并重启wamp修改内容使用文本编辑工具的搜索功能找到下列选项 进行修改设置文件最大上传限制(值的大小可以根据需求修改)file_uploads = On ; 是否允许上传文件 On/Off 默认是Onupload_max_filesize ...原创 2019-05-25 10:23:50 · 808 阅读 · 0 评论 -
ajax知识
1. 提交数据的方式post和getGet（url能看见参数，有数据大小限制，长度有限制）post（url不能看见参数，无数据大小限制，用来上传文件给服务器）2. PHp中输出变量的详细内容（print_r是一个php预定义的传递参数）print_r($vegetableArr);3. 案例模拟用户数据从浏览器form表单中，php获取数据并解析<?php head...原创 2019-05-24 20:44:01 · 170 阅读 · 0 评论 -
AJAX - onreadystatechange 事件
(1)下面是 XMLHttpRequest 对象的三个重要的属性： onreadystatechange 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。 readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务...原创 2018-11-21 20:21:15 · 156 阅读 · 0 评论 -
AJAX - 服务器响应
(1)服务器响应如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。 responseText 获得字符串形式的响应数据。 responseXML 获得 XML 形式的响应数据。 ...原创 2018-11-21 20:20:04 · 225 阅读 · 0 评论 -
AJAX - 向服务器发送请求
(1)如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法： open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。 method：请求的类型；GET 或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步） ...原创 2018-11-21 20:18:43 · 183 阅读 · 0 评论 -
懒加载（模版引擎+ajax工具+jq）
HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .item { width: 640px; /* height...原创 2019-05-29 20:07:04 · 389 阅读 · 0 评论