分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

ajax学习笔记

发布时间:2023-09-06 01:52责任编辑:赖小花关键词:暂无标签

1、是什么

  AJAX(Asynchronous JavaScript and xml)是在一种是使用现有标准的方法 。

2.有什么用处

  在不刷新整个页面的情况下实现和后台交换数据,实现页面的局部更新。

3、怎样用

  AJAX 通过 XMLHttpRequest对象来向服务器发起请求,从服务器获取数据,然后通过JavaScript更新数据到页面中去。

 function AjaxRequest(){ ???????var xxhr; ???????//1.创建xmlHttpRequest对象 ???????if (window.XMLHttpRequest) {//对于现在的主流浏览器 ???????????xhr=new XMLHttpRequest(); ???????} ???????else {// 对于老版的浏览器 (IE6, IE5) ???????????xhr=new ActiveXObject("Microsoft.XMLHTTP"); ???????} ???????//2.创建一个http请求,并指定此请求的方法、URL、以及是否异步(数据接在url后面,以?隔开) ???????xhr.open(‘get‘,‘server.php‘,true); ???????//post请求需要设置请求头的content-type ???????//xhr.setRequestHeader(‘content-type‘,‘application/x-www-form-urlencoded‘); ???????//3.发送http请求,get请求可以为空,post请求将数据放入send发送 ???????xhr.send(); ???????//4.设置监听函数,readyState每改变一次执行一次 ???????// readyState存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 ???????// ?0: 请求未初始化 ???????// ?1: 服务器连接已建立 ???????// ?2: 请求已接收 ???????// ?3: 请求处理中 ???????// ?4: 请求已完成, ???????// ?????状态码status(常见):200-OK,404-NOT FOUND ???????xhr.onreadystatechange=function () { ???????????//当 readyState 等于 4 且状态为 200 时,表示响应已就绪 ???????????if (xhr.readyState == 4&&xhr.status==200) { ???????????????var result=xhr.responseText; ???????????????alert(result); ???????????} ???????} ???????//如果open的async设为false表示为同步,可以不用设置监听函数 ???????//var result=xhr.responseText; ???}
view code

     

ajax学习笔记

原文地址:https://www.cnblogs.com/jint-php7/p/8996468.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved