js+ajax实现网页,服务端传送数据

10 篇文章 0 订阅
8 篇文章 0 订阅

首先AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行

主要是利用XMLHttpRequest对象

XMLHttpRequest 对象 (异步的与服务器交换数据)
首先创建XMLHttpRequest 的对象

JavaScript代码

var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

利用xmlhttp.open(method,URL,async);发送请求

第一参数为传递的方法可以使post 或者get ,
第二个参数是url的地址,可以是servlet、jsp、或者txt等
第三个参数是布尔变量,表示是否是异步 true(异步)或 false(同步)

利用get方法发送请求
xmlhttp.open("GET","../my.jsp",true);
xmlhttp.send();
使用get时send中不能有String
利用post发送请求

利用post时需要加上request 的header

xmlhttp.open("POST","../my.jsp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(String);//String只能用于post

当选择的是true异步的时候需要定义响应事onreadystatechange

然后得获取服务器的响应并进行操作

xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState===4 && xmlhttp.status===200)
        {
           //此处为你想执行的操作
        }
    };
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
先回顾一下Ajax技术引入对传统Web开发挑战: <br><br> n 开发方式模糊 <br><br> 传统的MVC开发方式可以说是深入民心了,Ajax引入使得传统以Html内嵌java的jsp视图 <br> “消失了”,代替的是发起请求的页面本身,而此时视图展现内容的方式,主要是Javascript <br> 操作Html。这种转变打破了传统方式易于开发、维护等的优雅特性,使得开发模糊化,复杂 <br> 化。特别地,当前市场上提供了形形色色的所谓Ajax框架,它们开发模型和理念也是千变万 <br> 化,各不相同。这进一步模糊了Web开发模式,使得Web开发更加复杂化。 <br><br> n 系统异构性 <br><br> 传统模型是纯服务端编程,Model、View、Controller都是由java单一语言开发,不存在语言 <br> 差异性带来的数据对象序列化问题;Ajax的引入使得View必须由Javascript语言开发,使原 <br> 来纯粹服务端编程模型演变成“客户端--服务端”的异构编程模型。Java与Javascript语言上 <br> 差异性所带来的对象序列化、数据转换等问题,是这个异构编程模型的最大挑战。同时,对于 <br> Web开发人员来说,除了java之外,意味着Javascript语言和DOM(DocumentObjectModel) <br> 文档对象模型是必须掌握的基本技能。 <br><br> n 数据传输交换复杂性 <br><br> 异构性导致数据传输交换的复杂性。针对传输的性能、数据的格式、序列化的深度、数据的解 <br> 析与展现等诸多复杂问题必须要有一套满足开发需求的良好解决方案。 <br>

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值