iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Ajax 数据请求的简单分析
  • 352
分享到

Ajax 数据请求的简单分析

Ajax数据请求 2022-11-21 22:11:32 352人浏览 薄情痞子
摘要

比如: function xmlHttpR(){ var xmlhttp; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpReques

比如:

function xmlHttpR(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else{
try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}
catch(e){
try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){return null;
}
}
return xmlhttp;

这样就基本上能创建一个跨浏览器的对象了;
下面是ajax的简单运用,利用XmlHttpRequest对象完成;

var ajaxEl=new Object();
//ajaxEl是自定义的命名空间;
ajaxEl.contentLoad=function(url){
//IE浏览器下,会启用缓存,这里url加入date字段就是为了防止IE使用缓存,当然也可以使用Math.random()产生和getTime类似的效果;
url+="?date="+new Date().getTime();
this.req=null;
this.url=url;
//这个回调函数就是在数据在页面上的更新函数;
this.onload=function(){
//domEl是ID为#test的dom元素;
var domEl=document.getElementById("test");
//除了用responseText属性,也可以使用responseXml获得一张数据表;
domEl.innerhtml=this.req.responseText;
}
this.Xmlhttp(url);
}
ajaxEl.contentLoad.prototype={
Xmlhttp:function(url){
if(window.XMLHttpRequest){
this.req=new XMLHttpRequest();
}
else{
try{this.req=new ActiveXObject("Msxml2.XMLHTTP")}
catch(e){
try{this.req=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){return null;
}
}
}
if(this.req){
var xmlR=this;
this.req.onreadystatechange=function(){
if(xmlR.req.readyState===4){
xmlR.onload.call(xmlR);
}
}
this.req.open("GET",url,true);
this.req.send(null);
}
}
}
var xmlE=new ajaxEl.contentLoad("main.PHP");

main.php里面,我这里设置的比较简单的示例代码:在页面上就会显示一个类似:now! time is:05:18:10 am 2011,这样可动态变化的时间。

echo "now! time is:".date("H:i:s a Y");

--结束END--

本文标题: Ajax 数据请求的简单分析

本文链接: https://www.lsjlt.com/news/173215.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Ajax 数据请求的简单分析
    比如: 复制代码 代码如下: function xmlHttpR(){ var xmlhttp; if(window.XMLHttpRequest){ xmlhttp=new XML...
    99+
    2022-11-21
    Ajax 数据请求
  • Ajax请求的示例分析
    这篇文章将为大家详细讲解有关Ajax请求的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、定义1、什么是AjaxAjax:即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网...
    99+
    2023-06-29
  • ajax请求技术的示例分析
    这篇文章主要为大家展示了“ajax请求技术的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax请求技术的示例分析”这篇文章吧。1.写在前面:阅读要求...
    99+
    2024-04-02
  • 如何编写一个简单的AJAX请求类
    本篇内容介绍了“如何编写一个简单的AJAX请求类”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • ajax原始请求的示例分析
    这篇文章将为大家详细讲解有关ajax原始请求的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。XMLHttpRequest 对象简介浏览器与服务器之间,采用 HTTP 协议通信。用户在浏览器地址栏键...
    99+
    2023-06-22
  • ajax请求之返回数据顺序问题的示例分析
    小编给大家分享一下ajax请求之返回数据顺序问题的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!具体如下:ajax请求一...
    99+
    2024-04-02
  • ajax中多次请求的示例分析
    小编给大家分享一下ajax中多次请求的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!我们在用ajax请求数据时,可能会遇...
    99+
    2024-04-02
  • ajax网络请求封装的示例分析
    这篇文章主要为大家展示了“ajax网络请求封装的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax网络请求封装的示例分析”这篇文章吧。实例代码://...
    99+
    2024-04-02
  • javascript请求servlet实现ajax的示例分析
    小编给大家分享一下javascript请求servlet实现ajax的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!aj...
    99+
    2024-04-02
  • 基于apicloud中AJAX请求的示例分析
    这篇文章主要介绍了基于apicloud中AJAX请求的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。get请求代码:api.ajax...
    99+
    2024-04-02
  • Ajax请求和Filter配合的示例分析
    这篇文章主要为大家展示了“Ajax请求和Filter配合的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Ajax请求和Filter配合的示例分析”这篇文...
    99+
    2024-04-02
  • Android Webview拦截ajax请求的示例分析
    小编给大家分享一下Android Webview拦截ajax请求的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h6的ajax请求并没有提供...
    99+
    2023-05-30
  • AJAX请求区分$_SERVER['HTTP_X_REQUESTED_WITH']的示例分析
    小编给大家分享一下AJAX请求区分$_SERVER['HTTP_X_REQUESTED_WITH']的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇...
    99+
    2024-04-02
  • AJAX如何跨域请求数据
    这篇文章主要为大家展示了“AJAX如何跨域请求数据”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“AJAX如何跨域请求数据”这篇文章吧。由于浏览器的同源策略 aj...
    99+
    2024-04-02
  • ajax请求json数据的实例讲解
    这篇文章主要介绍“ajax请求json数据的实例讲解”,在日常操作中,相信很多人在ajax请求json数据的实例讲解问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ajax请求...
    99+
    2024-04-02
  • PHP Ajax如何请求MySQL数据库
    PHP Ajax如何请求MySQL数据库,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。数据库:前台页面:choseForm.p...
    99+
    2024-04-02
  • Jquery使用AJAX方法请求数据
    一、AJAX请求 1、jQuery.ajax(url,[settings]): 通过 HTTP 请求加载远程数据。 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.ge...
    99+
    2024-04-02
  • MUi框架ajax请求WebService接口的示例分析
    这篇文章主要为大家展示了“MUi框架ajax请求WebService接口的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“MUi框架ajax请求WebSe...
    99+
    2024-04-02
  • Ajax请求与浏览器缓存的示例分析
    这篇文章主要为大家展示了“Ajax请求与浏览器缓存的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Ajax请求与浏览器缓存的示例分析”这篇文章吧。在现代...
    99+
    2024-04-02
  • Ajax请求中异步与同步的示例分析
    这篇文章主要为大家展示了“Ajax请求中异步与同步的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Ajax请求中异步与同步的示例分析”这篇文章吧。 ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作