分享web开发知识

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

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

ajax请求

发布时间:2023-09-06 01:50责任编辑:彭小芳关键词:暂无标签
method:请求的类型;GET 或 POST

open(method,url,async) url:文件在服务器上的位置
async:true(异步)或 false(同步)


send(string) 将请求发送到服务器string:仅用于 POST 请求



Get请求:<!DOCTYPE html><html><head><meta charset="utf-8"><script>function loadXMLDoc(){ ???var xmlhttp; ???if (window.XMLHttpRequest) ???{ ???????// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 ???????xmlhttp=new XMLHttpRequest(); ???} ???else ???{ ???????// IE6, IE5 浏览器执行代码 ???????xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); ???} ???xmlhttp.onreadystatechange=function() ???{ ???????if (xmlhttp.readyState==4 && xmlhttp.status==200) ???????{ ???????????document.getElementById("myDiv").innerHTML=xmlhttp.responseText; ???????} ???} ???xmlhttp.open("GET","/try/ajax/demo_get.php",true); ???xmlhttp.send();}</script></head><body><h2>AJAX</h2><button type="button" onclick="loadXMLDoc()">请求数据</button><div id="myDiv"></div></body></html>POST:<!DOCTYPE html><html><head><meta charset="utf-8"><script>function loadXMLDoc(){ ?var xmlhttp; ?if (window.XMLHttpRequest) ?{ ???// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 ???xmlhttp=new XMLHttpRequest(); ?} ?else ?{ ???// IE6, IE5 浏览器执行代码 ???xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); ?} ?xmlhttp.onreadystatechange=function() ?{ ???if (xmlhttp.readyState==4 && xmlhttp.status==200) ???{ ?????document.getElementById("myDiv").innerHTML=xmlhttp.responseText; ???} ?} ?xmlhttp.open("POST","/try/ajax/demo_post2.php",true); ?xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ?xmlhttp.send("fname=Henry&lname=Ford");}</script></head><body><h2>AJAX</h2><button type="button" onclick="loadXMLDoc()">请求数据</button><div id="myDiv"></div> </body></html>

ajax请求

原文地址:https://www.cnblogs.com/CY-947205926/p/8906051.html

知识推荐

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