分享web开发知识

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

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

jQuey_Ajax的使用

发布时间:2023-09-06 01:06责任编辑:傅花花关键词:Ajax

异步调用,局部刷新


Ajax工作流程

    XMLHttpRequest对象直接与服务器通信,异步传输数据


Ajax实现步骤

    1.创建XMLHttprequest对象,作用:异步请求,数据的传送

    2.设置回调函数:

        当服务器做出正确响应返回后,需要对返回的数据进行处理,处理的代码写在回调函数中

        回调函数最后才调用

    3.初始化HttpRequest组件

    4.发送请求


Ajax原理

原生Ajax:

script>//1.获取XMLHttpRequest对象的函数fuction getXMLHttpRequest(){if(window.XMLHttpRequest){return new XMLHttpRequest();}}var xht;//文本框失去焦点触发的函数function inputLogin(txt){xhr = getXMLHttpRequest();//调用方法创建XMLHttpRequest对象//初始化XMLHttpRequest对象xhr.open("GET","AdminServlet?loginId" + loginId,true);//XMLHttpRequest对象发送请求xhr.send(null);}//3.回调函数function resultFunction(){var s = ducument.getElementById("s");if(xhr.readyState == 4) { //请求完成if(xhr.status ==200) { ?//表示服务端正确返回数据var data = xhr.responseText;if(data == "yes"){s.style.color = "green";s.innerHTML = "用户名可用";}else{s.style.color = "red";s.innerHTML = "用户名不可用";}}}}</script>


Ajax实现登录用户名验证




引入的jar包


循环输出json数据


jQuey_Ajax的使用

原文地址:http://www.cnblogs.com/anstoner/p/7429420.html

知识推荐

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