js中的Ajax经典示例

最新推荐文章于 2021-08-05 13:23:40 发布
最新推荐文章于 2021-08-05 13:23:40 发布
阅读量233 收藏 1
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/huzi007/archive/2012/09/21/2697088.html
版权 
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 
 3 <html xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>js中的Ajax经典示例</title>
 6     <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
 7     <script type="text/javascript">
 8     
 9       function ajax() {
10 
11           //先声明一个异步请求对象
12           var xmlHttpReg = null;
13           if (window.ActiveXObject) {//如果是IE
14 
15               xmlHttpReg = new ActiveXObject("Microsoft.XMLHTTP");
16 
17           } else if (window.XMLHttpRequest) {
18 
19               xmlHttpReg = new XMLHttpRequest(); //实例化一个xmlHttpReg
20           }
21 
22           //如果实例化成功,就调用open()方法,就开始准备向服务器发送请求
23           if (xmlHttpReg != null) {
24               xmlHttpReg.open("get", "About.aspx", true);1
25                xmlHttpReg.send(null);
26               xmlHttpReg.onreadystatechange = doResult; //设置回调函数
27 
28           }
29 
30           //回调函数
31           //一旦readyState的值改变,将会调用这个函数,readyState=4表示完成相应
32 
33           //设定函数doResult()
34           function doResult() {
35           
36               if (xmlHttpReg.readyState == 4) {//4代表执行完成
37                  
38                  
39                   if (xmlHttpReg.status == 200) {//200代表执行成功
40                       //将xmlHttpReg.responseText的值赋给ID为resText的元素
41                       document.getElementById("resText").innerHTML = xmlHttpReg.responseText;
42                       
43 
44                   }
45               }
46 
47           }
48         
49 
50       }
51      </script>
52 </head>
53 <body>
54       
55       <div id="resText"></div>
56       <form method=get action="">
57         <input type="button" value="小胡子"  onclick="ajax();"/>
58       </form>
59 </body>
60 </html>

 

转载于:https://www.cnblogs.com/huzi007/archive/2012/09/21/2697088.html

a304096740
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS实现AJAX完整Demo
Vamps
10-17 1457
1.请求类型为POST post.jsp <%-- Created by IntelliJ IDEA. User: 杨帆 Date: 2019/10/17 Time: 11:12 To change this template use File | Settings | File Templates. --%> <%@ page contentType="te...
原生js的Ajax实例
Yuan_mingyu的博客
08-12 1496
与jQuery不同，原生js的ajax的实现相比来说复杂一些，因为jquery中的$.ajax()方法已经把js的实现封装起来，使用起来更加方便。但是，原生js的实现过程，对于理解ajax，好像更清晰一些。 之前写过的jQuery的ajax实现：jQuery的Ajax实例（附完整代码） 这次使用原生js实现 实现过程（文末有完整代码） 以此实例为例： 1.创建XMLHttpRequest对象 这...
js ajax的示例代码,Javascript原生ajax请求代码实例
weixin_32357285的博客
08-05 951
这篇文章主要介绍了Javascript原生ajax请求代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下class Ajax{constructor(url, method, data, callback_suc, callback_err, callback_run){this.RT = true;//默认为异步请求this.url...
原生JS简单实现ajax的方法示例
12-29
本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下： HTML部分： <body> <input type=button value=Ajax提交 onclick=Ajax(); /> <div id=resText></div> </body> 这里...
js基本ajax写法示例代码
01-19
代码如下: var xmlhttp = null; function myajax() { //1、创建XMLHttpRequest对象 //2、需要针对IE和其它浏览器建立这个对象的不同方式写不同的代码 if (window.XMLHttpRequest) { //针对FF,Mozilar,Opera,Safari,...
原生js封装的ajax方法示例
12-10
本文实例讲述了原生js封装的ajax方法。分享给大家供大家参考，具体如下： 众所周知，框架之间会有冲突，这是源生js就起到作用了，下面介绍一种源生js封装的ajax请求。 function ajax(options) { options = options...
JavaScript中的ajax功能的概念和示例详解
10-21
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）。这篇文章主要给大家介绍了JavaScript中的ajax功能的概念和示例详解，感兴趣的朋友一起看看吧
JavaScript封装Ajax完整示例代码
06-14
相关文章：https://blog.csdn.net/superwebmaster/article/details/80678590 如有问题，下载文件内含有联系方式，可以一起讨论技术。
js Ajax的实例
05-21
js Ajax的实例
JS使用AjAX实例,JQUERY使用AJAX实例
12-16
在VS环境下使用。C#代码。这是我总结的js和JQUERY使用ajax调用webservice和ashx(一般处理程序)的代码。还有使用AjaxPro第三方控件的使用的练习。
一个完整的jquery+ajax传送请求的实例
08-18
一个完整的jquery+ajax传送请求的实例
ajax经典实例+代码大全
09-11
ajax经典实例+代码大全 绝对经典 -------- 目录说明 -------- database 目录存放数据库SQL文件 java 目录存放java源文件 webapp 目录存放实例页面及JSP源文件 -------------- 数据库安装说明 -------------- 了解MySQL的用户可以直接使用自己熟悉的方式创建名为ajax的数据库，并将ajax.sql文件导入即可。 下面是简要操作方法： 1. 实例数据库在MySQL 5.0.27 版本下测试通过 2. 将database目录中ajax.sql文件复制到C:\ 3. 进入MySQL安装目录中的bin目录 4. 输入 mysql -u root -p ，然后输入密码登录本地MySQL服务器 5. 输入 CREATE DATABASE ajax DEFAULT CHARACTER SET utf8; 创建名为ajax的数据库 6. 输入 use ajax 7. 输入 source c:\ajax.sql 执行数据库初始化语句 ------------------ Java源文件使用说明 ------------------ 实例中大部分文件为HTML及JSP文件，部分Java源文件存放在java目录中。 可将目录中的内容作为Eclipse的一个项目导入Eclipse中使用。 ----------- WEB发布方法 ----------- 所有实例在jdk 1.4.2 + Tomcat 5.0.28 环境下测试通过。 将webapp目录中的内容复制到Tomcat的webapps目录中作为一个web应用发布即可。 启动Tomcat前注意修改 ajax/WEB-INF/classes/ajax_db.properties 文件。 将其中的URL、USER和PASSWORD属性根据实际情况进行修改。 Tomcat正常启动后使用 http://localhost:8080/ajax 进行访问 +=========================================================================================== 最后注释： 可能还有一点，就是把你的ajax密码定位好 路径是：${ajax}\ajax\WEB-INF\classes\ajax_db.properties，用记事本打开。那个${ajax}就是你当前存放ajax这个文件夹的路 径 DRIVERS=com.mysql.jdbc.Driver URL=jdbc:mysql://localhost/ajax?useUnicode=true&characterEncoding=utf8 USER=root PASSWORD=ajax 里面的代码是这样写的，把最后一行的那个对应的密码改为你自己数据库的代码就OK
Ajax的经典示例
鬼屋里的故事~.~
08-26 1255
   Ajax(Asynchronous JavaScript and XML)，使用户在使用Web程序时，不用在来来回回的Post了，可以近乎实时的从客户端收到服务器返回的信息，而无需刷新，极大的非富了用户的操作体验。                 XMLHttpRequest对象是Ajax的核心对象        不同的浏览器，建立对象的方式不同这里以IE为例        var requ
原生 javascript ajax 实例演示
cvper's world !
01-25 3393
（对低版本的 ie 不作兼容处理了，太过时，不知道谁还用）  本次演示采用原生javascript + php 实现ajax的  post  和  get 功能;  对php不了解的同学不用担心，就两三行代码，而且我会详细说明；  好了，下面开始：  第一步：如果想要运行起来，那么还是需要开启服务器的，这里推荐使用 wampserver，                下载相应的
JavaScript原生ajax示例
07-11 2781
方法： （1）创建XMLHttpRequest对象，这个对象就是ajax请求的核心，是ajax请求和响应的信息载体，单是不同浏览器创建方式不同 （2）请求路径 （3）使用open方法绑定发送请求 （4）使用send() 方法发送请求 （5）获取服务器返回的字符串   xmlhttpRequest.responseText; （6）获取服务端返回的值，以xml
js实现ajax的示例
07-15 544
首先准备一个HTML页面，命名为ajax.html。并在其中添加以下内容。         "http://www.w3.org/TR/html4/loose.dtd">   itcast.cn用户名校验ajax实例   src="jsfile/validation.js">    用户名校验的ajax实例，请输入用户名：
一个完整的ajax简单案例
热门推荐
qq_37447018的博客
04-23 2万+
ajax简单完整案例
js使用ajax接口示例
最新发布
09-24
<title>Ajax示例 <script src="path/to/jquery.min.js"></script> <!-- 引入jQuery库 --> <h1 id="data"></h1> <!-- 用于显示从服务器获取到的数据 --> <script src="path/to/script.js"></script> <!-- ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值