分享web开发知识

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

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

AJAX学习

发布时间:2023-09-06 02:02责任编辑:熊小新关键词:暂无标签

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

1、AJAX基本使用

1)创建对象
2)请求
xmlhttp.open("GET","/try/ajax/demo_get2.php?fnname=Henry&lname=Ford",true);
xmlhttp.send();
xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");
3)响应

4)处理响应文件

httprequest.onreadystatechange=function(){
if(httprequest.readyState==4){
if(httprequest.status==200){
//获取到
}
};
httprequest.send(null);
}else{

}

5)eval()函数使用

简单例子:

使用Ajax获取周报数据
function getAjaxWeek(){
$.ajax({
?type:"get",
url:"http://apptest.buddyniu.com/api"+"/report/uninfo",
?data:{
?reportId:19,
?uid:78
?},
?async:true,
})
.done(function(res) {
console.log("success");
var code = res.code;
if(code != 0){
$(‘.sharedaily‘).css(‘display‘,‘none‘);
return false;
};
var data = res.data;
var isAdmin = data.isAdmin;
var isSubmit = data.isSubmit;
var isFollower = data.isFollower;
var reportTime = data.reportTime;
???var list = data.list;

//$(‘#summary‘).html(submitStr)
?
?console.log(data);
})
}

AJAX学习

原文地址:https://www.cnblogs.com/LinxiHuang/p/9247697.html

知识推荐

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