Ajax开始准备入门篇

我将在Web圈推出ajax原创系列教程，如果你还不知道什么是ajax，请阅读：ajax是什么？
在此之前我们需要做一下简单的ajax准备工作，但你必须要具备基本的html,javascript,dom编写能力．否则这个ajax教程你读起来会很吃力．我的目的是通过这份教程．可以让你在你的网页中使用ajax技术实现，读取，添加，修改，删除数据的操作．也许你是只老鸟对我写的这些不屑一顾，但我还是希望你能看 下该教程中演示的一些例子，没准会有地方吸引你！
下面我们要做的有2点．第１我们必须创建一个可用的XMLHTTPRequest对象，如果你不知道什么是XMLHTTPRequest，请阅读：XMLHTTPRequest是什么？
因为各大浏览器对XMLHTTPRequest对象的支持标准不同，所谓可用的XMLHTTPReqeust对象．就是说要在IE,FF,Chrome等浏览器中无错误的运行该对象．我们使用JavaScript来创建该对象，并编写一个函数．在以后的ajax教程实例里 我们都将使用该函数来调用XMLHTTPRequest．看下面的代码：

创建一个可用的xmlhttpreuqest对象

function ajax_xmlhttp(){
//在IE中创建xmlhttpRequest,适用于IE5.0以上所有版本
var msXmlhttp = new Array("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP");
for(var i=0; i

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

运行上面代码以后．在IE浏览器里会弹出＂Object＂，在FF和Chrome浏览器里会弹出＂Object XMLHTTPRequest＂字样，如果正确弹出的话即代表 XMLHTTPRequest对象创建成功！
第２：我们使用Asp技术来输出一个xml文件．在以后的ajax教程实例中．我们都将请求该文件进行ajax的读取，添加，删除，修改数据的操作．也许你还不知道．我们可以使用服务端的任何一种语言将数据以xml的格式输出．比如我们使用Asp读取数据库某个表内的数据，然后将该表的数据做为xml文件格式来输出到客户端．这也是ajax最标准的使用方法！点击查看：asp输出xml格式的数据
下面是该asp文件的源码，你可以复制到你的电脑里进行测试． 


代码如下:

<%
'出自：http://Www.Web666.Net
'作者：康董
'如需转载请务必保留以上信息
'定义一个变量，来保存xml数据
dim xml
xml = "<?xml version='1.0' encoding='gb2312'?><body>"
xml = xml&"<msg>一个简单的Asp输出xml的示例，以后在我们的ajax教程实例中，我们都将使用该文件进行数据的读取操作</msg>"
xml=xml&"</body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>

好了，今天的ajax系统教程准备工作已经完成．下一篇我们将小试牛刀--ajax初试之读取数据

赞 (0)

相关推荐

  • Ajax读取数据之分页显示篇实现代码

    我觉得还是有必要把我的ajax分页呈现给大家．我先讲一下这个ajax分页的实现核心,然后我们再看实例效果．所谓的ajax分页与传统的数据分页,在服务端的代码基本上是一样的．我们主要做的是使用ajax在不刷新的情况下,将请求的页码,和每页要显示的条数发送给服务端的处理网页．大家点击这个网址就可以看到要请求的数据:"ajax_page.asp?action=read&pagecount=3 & current_page=1" 在这段URL里,pagecount代表每页要显示

  • Ajax初试之读取数据篇实现代码

    是的,今天我们要实现的效果是．在不刷新网页的情况下读取并显示服务端的数据． 拿出来我们上次准备好的东西． 1:XMLHTTPRequest对象的函数． 2:Asp输出xml格式的文件．你可以点击查看该文件内容 复制代码 代码如下: <% '出自:http://Www.Web666.Net '作者:康董 '如需转载请务必保留以上信息 '定义一个变量,来保存xml数据 dim xml xml = "<?xml version='1.0' encoding='gb2312'?><

  • Ajax添加数据与删除篇实现代码

    如果你真的把前几篇掌握了．实现ajax删除功能会易如反常．我所要教你的是．灵活利用JavaScript和Dom来实现一个酷酷的删除效果．其实你学习到这里．已经能够明白,在ajax技术中那些被请求的 服务端网页,在非ajax应用中并无太大区别．无非也是接受前端发过来的请求．在后台执行一些操作而已!学习完这篇教程以后．你会明白想要实现够炫够酷的的ajax效果．你必须要熟练掌握JavaScript Dom 这些技术精通． 刚刚我喝多了,上面的这段话是我在两天前就写好的．我本来想直接睡觉的．但我想试试．

  • 什么是Ajax

    我很开心您来阅读我写的关于ajax的实例教程,无论您是第一次还是老朋友.我将在这里献上我至今所学,并毫不吝啬, 关于ajax,什么是ajax 重点: ajax不是一种语言,而是多种技术组合在一起使用,ajax只是这几种技术组合的代名词网上有很多教程文章这样解释ajax: Asynchronous JavaScript And XML 中文即是:异步的JavaScript与XML我觉得这种解释很笼统,会让新手摸不着头脑. 我想对上面的这种解释做点补充,我的ajax开发经验告诉我.利用javascr

  • Ajax修改数据即时显示篇实现代码

    我们这次要请求的服务端网页是:Edit_Data.Asp 待会我会在本次ajax教程中提供该asp文件的源码． 其实在你学会了怎么使用ajax添加数据时,想实现修改数据对你来说已经很容易了!费话不说先看前端的JavaScript代码和本次的ajax实例效果! 复制代码 代码如下: <html> <head> <title>ajax修改数据</title> <style> body{ font-size:12px; } </style>

  • Ajax读取数据到表格的实现代码

    今天我们要讲的是:使用Ajax无刷新技术读取服务端多条数据,并将返回的数据显示到一个表格内．同时我还将展示,如何使用JavaScript脚本和Dom接口,来为网页创建一个表格 ．将ajax请求的数据显示到该表格内． 本次的ajax实例效果中请求的服务端网页依然是:Web_ajax.Asp 该网页使用了Asp输出xml技术．如果你还不知道如何使用Asp输出xml请返回:＂ajax开始准备篇＂ 提醒:在每篇ajax教程的实例开始之前,你必须查看当天的Web_ajax.asp文件中的数据结构．因为我们

  • Ajax添加数据即时显示信息篇

    今天我们要学习的内容是:使用ajax向服务端的数据库添加数据,然后在网页不刷新情况下即时显示被添加的数据．需要说明的是．本次ajax实例教程与前3篇有2点大不同之处． 1:我们要对数据库进行操作．2:更换请求的服务端网页．不再使用Web_ajax.Asp文件．新的请求网页是:Add_Data.Asp．看后缀大家就应该能明白．我在服务端采用的技术是Asp．都说Asp过时了．可他的简单易用,易学深深地吸引着我!当然也你可以使用php, .net,或jsp轻松的模拟该Asp文件的源码．我会在该次教程最

  • Ajax开始准备入门篇

    我将在Web圈推出ajax原创系列教程,如果你还不知道什么是ajax,请阅读:ajax是什么? 在此之前我们需要做一下简单的ajax准备工作,但你必须要具备基本的html,javascript,dom编写能力．否则这个ajax教程你读起来会很吃力．我的目的是通过这份教程．可以让你在你的网页中使用ajax技术实现,读取,添加,修改,删除数据的操作．也许你是只老鸟对我写的这些不屑一顾,但我还是希望你能看 下该教程中演示的一些例子,没准会有地方吸引你! 下面我们要做的有2点．第1我们必须创建一个可用的

  • 简单的前端js+ajax 购物车框架(入门篇)

    今天在公司实在没有事做,突然就想到写下商城的购物车的前端框架,当然我这里只有购物车的增删改查,也许写的并不是那么完善,但最重要的是一个入门,也希望js达人给些建议,好让我更上一个台阶. HOHO~~~开始咯: Js: 复制代码 代码如下: //为了省事,就没写自己的js ajax了 用了jquery的,当然你也可以添加到jquery的扩展方法内,哈哈,我太懒了,所以就写这里了. var _$ = { AJAX: function (urlparm, d, beforecall, successc

  • ASP漏洞全接触-入门篇

    随着B/S模式应用开发的发展,使用这种模式编写应用程序的程序员也越来越多.但是由于这个行业的入门门槛不高,程序员的水平及经验也参差不齐,相当大一部分程序员在编写代码的时候,没有对用户输入数据的合法性进行判断,使应用程序存在安全隐患.用户可以提交一段数据库查询代码,根据程序返回的结果,获得某些他想得知的数据,这就是所谓的SQL Injection,即SQL注入. SQL注入是从正常的WWW端口访问,而且表面看起来跟一般的Web页面访问没什么区别,所以目前市面的防火墙都不会对SQL注入发出警报,如果

  • spring boot(一)之入门篇

    spring boot(一)之入门篇

    本文给大家介绍构建微服务:Spring boot 入门篇,具体内容详情如下所示: 什么是spring boot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置.用我的话来理解,就是spring boot其实不是什么新的框架,它默认配置了很多框架的使用方式,就像maven整合了所有的jar包,spring boot整合了所有的框架(不知道这样比喻是否合

  • 基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解

    基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解

    Pyplot matplotlib.pyplot是一个命令型函数集合,它可以让我们像使用MATLAB一样使用matplotlib.pyplot中的每一个函数都会对画布图像作出相应的改变,如创建画布.在画布中创建一个绘图区.在绘图区上画几条线.给图像添加文字说明等.下面我们就通过实例代码来领略一下他的魅力. import matplotlib.pyplot as plt plt.plot([1,2,3,4]) plt.ylabel('some numbers') plt.show() 上图是我们通

  • 扩展你的 PHP 之入门篇

    扩展你的 PHP 之入门篇

    扩展你的php 扩展你的php 扩展的3种方式 extension dll方式的扩展 小结 首先注意,以下所有的一切皆在 win 下进行,使用的工具的 VC++6.0. 扩展你的PHP PHP以方便快速的风格迅速在web系统开发中占有了重要地位. PHP本身提供了丰富的大量的函数及功能. 长话短说. 我们看看我们如何进行扩展. 扩展的3种方式 External Modules Built-in Modules The Zend Engine 3 种方式的优缺点可参见 PHP 手册:http://

  • Spring Boot 简介(入门篇)

    1.什么是SpringBoot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置, 从而使开发人员不再需要定义样板化的配置.通过这种方式,Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者. 2.SpringBoot特性 1).创建独立的Spring项目 2).内置Tomcat和Jetty容器 3).提供一个sta

  • spring boot 学习笔记（入门篇）

    简介: Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置.用我的话来理解,就是spring boot其实不是什么新的框架,它默认配置了很多框架的使用方式,就像maven整合了所有的jar包,spring boot整合了所有的框架(不知道这样比喻是否合适). 优点: 其实就是简单.快速.方便!平时如果我们需要搭建一个spring web项目的时候需要怎么

  • 小白入门篇使用Python搭建点击率预估模型

    点击率预估模型 0.前言 本篇是一个基础机器学习入门篇文章,帮助我们熟悉机器学习中的神经网络结构与使用. 日常中习惯于使用Python各种成熟的机器学习工具包,例如sklearn.TensorFlow等等,来快速搭建各种各样的机器学习模型来解决各种业务问题. 本文将从零开始,仅仅利用基础的numpy库,使用Python实现一个最简单的神经网络(或者说是简易的LR,因为LR就是一个单层的神经网络),解决一个点击率预估的问题. 1.假设一个业务场景 声明:为了简单起见,下面的一切设定从简-. 定义需

  • 详解用场景去理解函数柯里化(入门篇)

    前言 函数柯里化就是将多参简化为单参数的一种技术方式,其最终支持的是方法的连续调用,每次返回新的函数,在最终符合条件或者使用完所有的传参时终止函数调用. 场景实例 与其他文章不同,我在本文会重点分享一些柯里化的经典使用场景,让你在学会这点技巧后能切实的提升代码的可维护性. 编写可重用小模块代码 比如我们有个方法部分逻辑前置是相同的,后面的执行是因为参数不同导致结果不同的,下面是代码部分. 计算商品的折扣,我们需要根据不同的折扣以及商品的入参返回其实际的价格. // before function

随机推荐