ajax发送请求问题
我第一次接触ajax,我想知道以下几个问题:1,使用ajax技术需要什么样的环境?就是需要安装什么软件么?2,我最想知道的是:我在客户端,用ajax发送一个请求,这个请求...
我第一次接触ajax,我想知道以下几个问题:
1,使用ajax技术需要什么样的环境?就是需要安装什么软件么?
2,我最想知道的是:我在客户端,用ajax发送一个请求,这个请求要求服务器端的某个文件*.php作出动作,比如搜索或是更新服务器中的数据,然后把结果返回到客户端,并显示,该怎么做?我希望有源码,并有注释。
最简单的功能能实现就好,我只想学习一下原理。 展开
1,使用ajax技术需要什么样的环境?就是需要安装什么软件么?
2,我最想知道的是:我在客户端,用ajax发送一个请求,这个请求要求服务器端的某个文件*.php作出动作,比如搜索或是更新服务器中的数据,然后把结果返回到客户端,并显示,该怎么做?我希望有源码,并有注释。
最简单的功能能实现就好,我只想学习一下原理。 展开
展开全部
ajax 不是一个软件,也不是什么插件,其实说到底就是浏览器中的一个请求。它的全称是Asynchronous JavaScript and XML(异步JavaScript和XML),核心是xmlhttprequest,这种请求不用刷新页面。
以前经常用的是一般请求,也就是用httprequest,它是同步,比如你提交一个请求,服务器处理之后,返回结果,浏览器在接受到httprequest类型的返回结果后就会刷新页面。但是xmlhttprequest类型的结果就不会刷新,而是用JavaScript去处理返回的结果。
但是浏览器对于xmlhttprequest对象的管理是不一样的,具体说就是生成xmlhttprequest对象的方式不同,这些东西其实也不重要了,如果你使用ajax框架的话,比如jQuery(现在最流行的),因为它把浏览器之后对于ajax的使用都封装好了。
就拿php来说,有两个页面,一个A.php 一个B.php。这里用jQuery封装好的异步方法来完成异步请求的过程。
你要测试的话,先要下载jquery-1.3.2.min.js,放在相同目录下。就可以了。
***************************************************************
A.php
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
function sentAjax()
{
$.ajax({
url:"B.php",
dataType:"html",
success:function(data){
$("#getContent").html(data);
}
});
}
</script>
</head>
<body>
<button onClick="sentAjax();">发送请求</button>
<div id="getContent"></div>
</body>
</html>
**************************************************************
B.php
b.php data
<div>
<table>
<tr>
<td>1</td><td>3</td><td>5</td><td>7</td><td>9</td>
</tr>
<tr>
<td>1</td><td>3</td><td>5</td><td>7</td><td>9</td>
</tr>
<tr>
<td>1</td><td>3</td><td>5</td><td>7</td><td>9</td>
</tr>
</table>
</div>
*********************************************
你如果没接触过jQuery,强烈建议你学习一下。
以前经常用的是一般请求,也就是用httprequest,它是同步,比如你提交一个请求,服务器处理之后,返回结果,浏览器在接受到httprequest类型的返回结果后就会刷新页面。但是xmlhttprequest类型的结果就不会刷新,而是用JavaScript去处理返回的结果。
但是浏览器对于xmlhttprequest对象的管理是不一样的,具体说就是生成xmlhttprequest对象的方式不同,这些东西其实也不重要了,如果你使用ajax框架的话,比如jQuery(现在最流行的),因为它把浏览器之后对于ajax的使用都封装好了。
就拿php来说,有两个页面,一个A.php 一个B.php。这里用jQuery封装好的异步方法来完成异步请求的过程。
你要测试的话,先要下载jquery-1.3.2.min.js,放在相同目录下。就可以了。
***************************************************************
A.php
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
function sentAjax()
{
$.ajax({
url:"B.php",
dataType:"html",
success:function(data){
$("#getContent").html(data);
}
});
}
</script>
</head>
<body>
<button onClick="sentAjax();">发送请求</button>
<div id="getContent"></div>
</body>
</html>
**************************************************************
B.php
b.php data
<div>
<table>
<tr>
<td>1</td><td>3</td><td>5</td><td>7</td><td>9</td>
</tr>
<tr>
<td>1</td><td>3</td><td>5</td><td>7</td><td>9</td>
</tr>
<tr>
<td>1</td><td>3</td><td>5</td><td>7</td><td>9</td>
</tr>
</table>
</div>
*********************************************
你如果没接触过jQuery,强烈建议你学习一下。
展开全部
AJAX是一个新名词,老技术,这个要受浏览器的支持才行的.而大部的浏览器都支持的.所以不需要安装任何软件!至于环境,AJAX的环境就是正常开发的环境,不需要额外任何投入.
ajax的请求在服务器看来是没有任何区别的,所以服务器返回的是正常的页面,只不过AJAX重在了客户端的处理上,而有时相应的服务器页面作一些配合而已!
至于源码,网上多的很,根本不用怎么看,只看一下AJAX的原理即可!
ajax的请求在服务器看来是没有任何区别的,所以服务器返回的是正常的页面,只不过AJAX重在了客户端的处理上,而有时相应的服务器页面作一些配合而已!
至于源码,网上多的很,根本不用怎么看,只看一下AJAX的原理即可!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询