`

简单的ajax调用 说明

阅读更多

56.  Asynchronous Javascript And XML后面为什么还加一个xml,根本就沾不上边,只是xml比较流行,一般的不都沾一下流行的边吗,你取名,取什么明星的名字。这不是什么新技术,99年就有了,最先应用的就是Google了,感觉不错,后来就流行了

 

<input id="userId" type="text" onblur="validate(this)" />  当前的这个DOM对象,传,传到哪啊,传到field,现在这个field就是 userId

function validate(field) {

 

65.  //表示当前浏览器不是ie,如ns,firefox

if(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

} else if (window.ActiveXObject) {   //因为ie嵌入的是ActiveX对象。 

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

 

 xmlHttp.onreadystatechange=callback;这个属性要赋值一个地址。    后面不能加括号,加括号就表示调用了。

 

 xmlHttp.onreadystatechange=callback;这个属性要赋值一个地址。    后面不能加括号,加括号就表示调用了。

 

 在文本框后面的提示信息,用span,不用div,你用div的话,他会自动换行。document.getElementById("userIdSpan").innerHTML = "<font color='red'>" +xmlHttp.responseText + "</font>";

 

.innerHTML   //这个以前也不知道,就是说span上面还可以放html标签。不是span独有。

 

else {

//为空的话把span清了。

document.getElementById("userIdSpan").innerHTML = "";

}

 

 

他把那个url改名了,var url = "user_validate22222.jsp?userId="  这样去访问,也能看到效果即也能验证我输入的东西正不正确。,为什么  ie缓存了。

 

你有的时候上一些网站,特别快,其实还没有进去,读取的是缓存里的东西。缓存里面的东西应该清除,不然的话会出现一些不可预知的错误。清除方式,1,使用java代码的方式。 //response.setContentType("text/xml");

//response.setHeader("Cache-Control", "no-store"); //HTTP1.1

//response.setHeader("Pragma", "no-cache"); //HTTP1.0

//response.setDateHeader("Expires", 0); 

这是修改http协议头

 

2,让每次访问的Url不一样,那么 他就不会使用上一次的东西。怎么让每次url不一样呢?加一个时间戳,他是使用new Date().getTime()得到时间的毫秒值,这样不怎么保险,如果并发访问量大的话,会出现问题。

 

 

 

74.  如果你这个页面有大于1个的文本框,也就是多个文本框都要用ajax验证,那么每一个xmlHttpRequest都要分别创建,不然会有线程安全问题。因为你第一个请求,他把有一些状态改了,你第二个请求又会把一些状态改了。

 

 

75.  ajax就是多了一个XMLHttpRequest对象,其他的都是js编程。他说什么ajax投入大一点的精力是值得的,css知道一下就行了。

 

 

76.  现在使用匿名的函数的写法。以后在一些框架中使用的比较多。把callback改一下,直接用function(){}  直接这样写

分享到:
评论

相关推荐

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    **jQuery与Ajax调用详解** 在Web开发中,jQuery与Ajax的结合使用极大地简化了异步数据交互的过程,使得前端可以高效地与服务器进行通信,而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用,并通过...

    Ajax调用.net后台函数

    ### Ajax调用.NET后台函数详解 #### 一、引言 在现代Web开发中,Ajax技术因其能够实现页面局部更新而被广泛采用。通过Ajax,前端可以与后端进行异步交互,使得用户无需重新加载整个页面即可获取新数据或执行特定...

    Ajax调用net后台函数

    提供的文档"Ajax调用.net后台函数.doc"应包含具体的代码示例和步骤说明,帮助开发者理解如何在实际项目中应用Ajax调用.Net后台函数。 综上所述,Ajax调用.Net后台函数是Web开发中的关键技能,结合C# ASP.NET、SQL...

    ajaxX调用C#方法

    在Web开发中,异步...这种自定义实现可能简化了传统Ajax调用的复杂性,提高了开发效率,并且提供了更灵活的前后端交互方式。通过阅读提供的文档和测试案例,开发者可以快速上手并利用AjaxX进行高效的Web开发。

    Ajax异步调用框架

    这个Ajax异步调用框架适用于简单的数据获取和页面局部更新,但现代Web开发中,更常见的是使用jQuery、axios、fetch等库来简化Ajax操作,它们提供了更友好的API和更好的兼容性。例如,jQuery的`$.ajax()`方法或者...

    JQuery中Ajax的异步调用 示例

    JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,一个关于在js中通过JQuery实现异步无...

    ajax.dll以及说明文档和demo

    而`ajax.dll`则是一个封装了Ajax功能的动态链接库文件,它为开发者提供了更简单的方式来实现Ajax通信。 **动态链接库(DLL)基础** DLL是Windows操作系统中的一个重要组件,它包含了一组可被多个程序同时使用的...

    使用AJAX技术调用百度地图API进行经纬度标注和实时显示

    用户通过网页登录的方式在客户端软件上进行登录系统,在登录完成后会根据用户权限的不同进行匹配该权限下所对应监控的车辆,在网页界面上显示这些车辆的各类数据信息,同时调用百度地图在网页上实时跟踪经纬度坐标...

    自己用的简单封装AJAX类

    - **使用方法.txt**:这个文件应包含关于如何在项目中引入和使用这个AJAX类的说明。可能包括如何实例化对象、调用方法、传递参数等步骤,以及一些示例代码。 **可能的知识点:** 1. **AJAX基础概念**:介绍AJAX的...

    jQuery和CSS3通过AJAX调用切换页面过渡动画特效

    "jQuery和CSS3通过AJAX调用切换页面过渡动画特效"正是这样一款插件,它巧妙地融合了jQuery库、CSS3技术和AJAX,为网页切换提供了无缝且动感十足的效果。 **jQuery库的应用** jQuery是一个轻量级的JavaScript库,...

    艾恩Ajax无刷新上传(ASP)最简单的调用方法

    调用说明: showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn); 参数说明: boxCtrl:上传框绑定的控件的ID;若为null,则上传框显示在页面正中间 inputCtrl:上传控件绑定的控件,一般为为本框的ID,必填 upPath:文件...

    js 调用AJax Method

    本文将详细介绍如何使用JavaScript来调用服务器端的Ajax方法,并通过具体的实例加以说明。 #### 二、准备工作 为了能够成功地使用JavaScript来调用Ajax方法,我们需要完成以下几步准备: 1. **环境搭建**: - ...

    rpc远程调用使用说明&源码

    客户端与服务器端之间的通信通常基于TCP/IP协议,使得进程间的交互变得透明,就像调用本地方法一样简单。 **RPC框架的主要组成部分:** 1. **客户端(Client)**:发起RPC调用的程序,它封装了远程方法的参数,并...

    ajax的一个简单例子

    在"ajax的一个简单例子"中,我们通常会看到以下几个关键组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,几乎所有的浏览器都内置了这个对象,用于与服务器进行异步通信。例如: ```javascript var ...

    jquery ajax 调用失败的原因示例介绍

    本文通过实例代码,具体说明了几种可能导致jQuery Ajax调用失败的原因,并提供了相应的解决方法和调试技巧。 首先,在进行Ajax调用时,返回值的格式错误是最容易出现的问题之一。返回值格式错误通常是指服务器返回...

    Html viewer转ajax 应用简单说明

    在转换过程中,你需要打开这个文件,查找与页面请求和数据加载相关的函数或方法,并对其进行修改,以便它们能够支持Ajax调用。 2. **更新数据请求方式**: 从传统的HTTP GET请求转向Ajax的XMLHttpRequest对象。你...

    客户端调用服务器端例子

    在实际项目中,除了基本的Ajax调用,还需要考虑其他因素,如错误处理、跨域问题、数据格式(如JSON或XML)、安全性等。通过理解并掌握Ajax远程调用,开发者可以构建更高效、更动态的Web应用程序。

    jQuery AJAX实现调用页面后台方法

    在上述示例中,我们看到如何使用jQuery AJAX调用ASP.NET页面的后台方法。以下是关键知识点的详细说明: 1. **Web服务方法**:在后台代码中,我们使用`[WebMethod]`特性标记静态方法,使其能够通过HTTP请求被调用。...

    对AJax的简单理解

    ### 对AJax的简单理解 #### 一、简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。...

    jquery中ajax调用json数据的使用说明

    在JavaScript的世界里,jQuery库为开发者提供了非常便捷的方式来处理AJAX请求,特别是与JSON数据的交互。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它使得人们可以轻松地阅读和编写,同时...

Global site tag (gtag.js) - Google Analytics