ajax格式文件怎样打开
㈠ 学习Ajax技术都要安装什么软件,怎样安装并使用
ajax是一种局部刷新后台调用制作网页的技术,而MyEclipse是java开发的工具跟VS平级,与开发ajax八竿子打不着的。如果在2008下,有ajax的功能,建一个asp.net的网页就中,左侧有ajax的控件,如果那些控件不够用的话可以下载ajax tookits。
但是如果是VS2005的话,需要相应配置。。。
VS2005中安装AJAX
1,下载并安装 ASPAJAXExtSetup.msi
下载完 ASPAJAXExtSetup.msi 安装更新后在你的系统盘下的(以C盘为例) 出现这个 文件夹:
C:\Program Files\Microsoft asp.NET\ASP.NET 2.0 ajax Extensions\v1.0.61025
安装这个后我们就可以创建Asp.net AJAXEnabledWebSite站点了,这其实就是个ajax.net网站的模板。但是我们现在还不能使用微软给我们开发好的ajax控件。
2.下载AjaxControlToolkit
http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121有带源代码的 和不带源代码的toolkit。建议下载带源代码的 toolkit。下载完成后把该文件解压到:ASP.NET 2.0 ajax Extensions的目录下,进入,打开AjaxControlToolkit.sln.
编译TemplateVSI这个项目后,把在C:\Program Files\Microsoft asp.NET\ASP.NET 2.0 AJAX Extensions\SampleWebSite\Bin下面生成的AjaxControlToolkit.dll和 AjaxControlToolkit.pdb复制到
C:\Program Files\Microsoft asp.NET\ASP.NET 2.0 AJAX Extensions\Binaries文件夹下面,这样我们就可以在vs2005中使用ajax.net这些控件了。
新建一个Ajax ControlToolkitWebSite 类型的web项目。在工具栏中新添加一个选项卡起名:AjaxControltoolkit
在这个选项卡上右键选择项->浏览找到刚才复制过去的AjaxControlToolkit.dll,添加进来。这样我们就ajax.net控件成功引用到vs2005中了 。
好了,正确的安装方法应该是我上面写的,希望这样能够解决一些人安装AJAX过程中遇到的问题。
㈡ ajax如何使用
//定义一个
var xmlHttp;
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function check(){
//1.获取需要发送服务器的请求参数
var username = document.getElementById("username").value;
//2.创建XMLHttpRequest对象
createXMLHttpRequest();
//3.定义url,指定发送到服务器哪个文件
var url = "servlet/CheckServlet";
//4.打开连接,异步模式
xmlHttp.open("post", url, true);
//5.设置请求头信息
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//6.回调函数,接收服务器响应数据
xmlHttp.onreadystatechange = function (){
//8.接收服务器端的响应数据
//判断请求发送的状态和HTTP状态码
if(xmlHttp.readyState==4&&xmlHttp.status==200){
//9.接收响应数据
var text = xmlHttp.responseText;
alert(text);
//10.根据text的值确定在页面动态显示相应的信息
var msg_username = document.getElementById("msg_username");
if(text=="false"){
msg_username.innerHTML="<font color='red'>否</font>";
document.getElementById("submit").disabled=true;
}else{
msg_username.innerHTML="<font color='green'>是</font>";
document.getElementById("submit").disabled=false;
}
}
}
//7.发送
xmlHttp.send("username="+username);
alert(username);
}
㈢ 本地怎么运行ajax
"c:\ajax\helloworld.htm"和"http://127.0.0.1/ajax/helloworld.htm"肯定是不一样的.
原因是:
1.helloword.htm含有AJAX,所以要运行服务器,
2.如果已经运行服务器话,这两个地址访问的也不是一个文件,
c:\ajax\helloworld.htm访问的是你编辑的时候的文件,
而http://127.0.0.1/ajax/helloworld.htm访问的是你工程布署过的,在你发布到服务器文件下的另一份文件.因为你发布工程后,服务器管理软件会把当前工程下的所有文件COPY到服务器中的一个目录中,你启动服务器后通过http://127.0.0.1/ajax/helloworld.htm访问的是你服务器上的那个COPY过的文件
㈣ windows7旗舰版打不开ajax.php文件怎么办 在线急等
一般我们的浏览器是只会返回什么html,css,javascript等,如果你的是php后缀的文件,你就安装一下php应用程序这个服务器,php是一脚本语言,你去查询下php怎么与服务器整合,这样的话,你的浏览器就可以实现打开php后缀的文件。
㈤ Ajax怎么用麻烦说的详细些
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 另外很多人对AJAX读音为阿甲克斯,正确读音应该为“ai jian ke si”(汉字拼音,其实应该是ai jai ke si ,但jai在汉字中没有此拼音) 主要包含了以下几种技术 Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用DOM(Document Object Model)进行动态显示及交互; 使用XML 和 XSLT 进行数据交换及相关操作; 使用XMLHttpRequest 进行异步数据查询、检索; 使用JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文,原文题目(Ajax: A New Approach to Web Applications)。 类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。 基础应用 创建XMLHttpRequest 方法如下 XMLHttpRequest 类首先由Internet Explorer以ActiveX对象引入,被称为XMLHTTP。 后来Mozilla﹑Netscape﹑Safari 和其他浏览器也提供了XMLHttpRequest类,不过它们创建XMLHttpRequest类的方法不同。 对于Internet Explorer浏览器: xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0 xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP"); xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP"); 由于在不同Internet Explorer浏览器中XMLHTTP版本可能不一致,为了更好的兼容不同版本的Internet Explorer浏览器,因此我们需要根据不同版本的Internet Explorer浏览器来创建XMLHttpRequest类,上面代码就是根据不同的Internet Explorer浏览器创建XMLHttpRequest类的方法。 对于Mozilla﹑Netscape﹑Safari等浏览器 创建XMLHttpRequest 方法如下:xmlhttp_request = new XMLHttpRequest(); 如果服务器的响应没有XML mime-type header,某些Mozilla浏览器可能无法正常工作。 为了解决这个问题,如果服务器响应的header不是text/xml,可以调用其它方法修改该header。 xmlhttp_request = new XMLHttpRequest(); xmlhttp_request.overrideMimeType('text/xml'); 在实际应用中,为了兼容多种不同版本的浏览器,一般将创建XMLHttpRequest类的方法写成如下形式: try{ if( window.ActiveXObject ){ for( var i = 5; i; i-- ){ try{ if( i == 2 ){ xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); } else{ xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" ); xmlhttp_request.setRequestHeader("Content-Type","text/xml"); xmlhttp_request.setRequestHeader("Charset","gb2312"); } break;} catch(e){ xmlhttp_request = false; } } } else if( window.XMLHttpRequest ) { xmlhttp_request = new XMLHttpRequest(); if (xmlhttp_request.overrideMimeType) { xmlhttp_request.overrideMimeType('text/xml'); } } } catch(e){ xmlhttp_request = false; } 发送请求了 可以调用HTTP请求类的open()和send()方法,如下所示: xmlhttp_request.open('GET', URL, true); xmlhttp_request.send(null); open()的第一个参数是HTTP请求方式—GET,POST或任何服务器所支持的您想调用的方式。 按照HTTP规范,该参数要大写;否则,某些浏览器(如Firefox)可能无法处理请求。 第二个参数是请求页面的URL。 第三个参数设置请求是否为异步模式。如果是TRUE,JavaScript函数将继续执行,而不等待服务器响应。这就是"AJAX"中的"A"。 服务器的响应 这需要告诉HTTP请求对象用哪一个JavaScript函数处理这个响应。可以将对象的onreadystatechange属性设置为要使用的JavaScript的函数名,如下所示: xmlhttp_request.onreadystatechange =FunctionName; FunctionName是用JavaScript创建的函数名,注意不要写成FunctionName(),当然我们也可以直接将JavaScript代码创建在onreadystatechange之后,例如: xmlhttp_request.onreadystatechange = function(){ // JavaScript代码段 }; 首先要检查请求的状态。只有当一个完整的服务器响应已经收到了,函数才可以处理该响应。XMLHttpRequest 提供了readyState属性来对服务器响应进行判断。 readyState的取值如下: 0 (未初始化) 1 (正在装载) 2 (装载完毕) 3 (交互中) 4 (完成) 所以只有当readyState=4时,一个完整的服务器响应已经收到了,函数才可以处理该响应。具体代码如下: if (http_request.readyState == 4) { // 收到完整的服务器响应 } else { // 没有收到完整的服务器响应 } 当readyState=4时,一个完整的服务器响应已经收到了,接着,函数会检查HTTP服务器响应的状态值。完整的状态取值可参见W3C文档。当HTTP服务器响应的值为200时,表示状态正常。 处理从服务器得到的数据 有两种方式可以得到这些数据: (1) 以文本字符串的方式返回服务器的响应 (2) 以XMLDocument对象方式返回响应 http://ke..com/view/1641.htm 这里有详细介绍
㈥ ajax怎么打开新窗口具体如何实现
var newwindow=window.open('about:blank');
jQuery.ajax({
type: 'POST',
url: 'clickRate.action',
dataType:'json',
data:{
'appId': appId
},
success: function(data){
if (data.success == true) {
newwindow.location.href=url;
}else{
newwindow.close();
}
}
});
㈦ ajax读取文本文件的格式,该怎么处理
这是我笔记
什么是AJAX?
AJAX=异步JavaScript和XML。
AJAX是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用AJAX的应用程序案例:新浪微博、Google地图、开心网等等。
一.AJAX-创建XMLHttpRequest对象
所有现代浏览器(IE7+、Firefox、Chrome、Safari以及Opera)均内建XMLHttpRequest对象。
创建XMLHttpRequest对象的语法:
XMLHTTP=newXMLHttpRequest();
老版本的InternetExplorer(IE5和IE6)使用ActiveX对象:
XMLHTTP=newActiveXObject("Microsoft.XMLHTTP");
为了应对所有的现代浏览器,包括IE5和IE6,请检查浏览器是否支持XMLHttpRequest对象。如果支持,则创建XMLHttpRequest
对象。如果不支持,则创建ActiveXObject:
varxmlhttp;
if(window.XMLHttpRequest)
{//codeforIE7+,Firefox,Chrome,Opera,Safari
xmlhttp=newXMLHttpRequest();
}
else
{//codeforIE6,IE5
xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
}
二.AJAX-向服务器发送请求
读取test1.txt文本
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
方法 描述
open(method,url,async) 规定请求的类型、URL以及是否异步处理请求。
• method:请求的类型;GET或POST
• url:文件在服务器上的位置
• async:true(异步)或false(同步)
send(string) 将请求发送到服务器。
• string:仅用于POST请求
GET请求
一个简单的GET请求:
xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();
在上面的例子中,您可能得到的是缓存的结果.比如读取文件test1.txt一次后,再次点击按钮不读取.
为了避免这种情况,请向URL添加一个唯一的ID:或者在后面添加用个变动的字符.
xmlhttp.open("GET","demo_get.asp?t="+Math.random(),true);
xmlhttp.send();
POST请求
一个简单POST请求:
xmlhttp.open("POST","demo_post.asp",true);
xmlhttp.send();
如果需要像HTML表单那样POST数据,请使用setRequestHeader()来添加HTTP头。然后在send()方法中规定您希望发送的数据:
xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Bill&lname=Gates");
方法 描述
setRequestHeader(header,value) 向请求添加HTTP头。
• header:规定头的名称
• value:规定头的值
url-服务器上的文件
异步-True或False?
AJAX指的是异步JavaScript和XML(AsynchronousJavaScriptandXML)。
XMLHttpRequest对象如果要用于AJAX的话,其open()方法的async参数必须设置为true:
xmlhttp.open("GET","ajax_test.asp",true);
对于web开发人员来说,发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。AJAX出现之前,这可能会引起应用程序挂起或停止。
通过AJAX,JavaScript无需等待服务器的响应,而是:
在等待服务器响应时执行其他脚本
当响应就绪后对响应进行处理
Async=true
当使用async=true时,请规定在响应处于onreadystatechange事件中的就绪状态时执行的函数:
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
三.AJAX-服务器响应
接收传送过来的数据,用对应语言的from或get方法.
输出文本在客户端用
如需获得来自服务器的响应,请使用XMLHttpRequest对象的responseText或responseXML属性。
responseText属性
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
responseXML属性
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");
for(i=0;i<x.length;i++)
{
txt=txt+x[i].childNodes[0].nodeValue+"<br/>";
}
document.getElementById("myDiv").innerHTML=txt;
四.AJAX-onreadystatechange事件
通过事件来触发判断是否接收成功.和接收数据.改变前台内容.当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当readyState改变时,就会触发onreadystatechange事件。readyState属性存有XMLHttpRequest的状态信息。下面是XMLHttpRequest对象的三个重要的属性:
下面是XMLHttpRequest对象的三个重要的属性:
属性 描述
onreadystatechange 存储函数(或函数名),每当readyState属性改变时,就会调用该函数。
readyState 存有XMLHttpRequest的状态。从0到4发生变化。
• 0:请求未初始化
• 1:服务器连接已建立
• 2:请求已接收
• 3:请求处理中
• 4:请求已完成,且响应已就绪
status 200:"OK"
404:未找到页面
使用Callback函数
callback函数是一种以参数形式传递给另一个函数的函数。
如果您的网站上存在多个AJAX任务,那么您应该为创建XMLHttpRequest对象编写一个标准的函数,并为每个AJAX任务调用该函数。
该函数调用应该包含URL以及发生onreadystatechange事件时执行的任务(每次调用可能不尽相同):
<scripttype="text/javascript">
varxmlhttp;
functionloadXMLDoc(url,cfunc)
{
if(window.XMLHttpRequest)
{//codeforIE7+,Firefox,Chrome,Opera,Safari
xmlhttp=newXMLHttpRequest();
}
else
{//codeforIE6,IE5
xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
functionmyFunction()
{
loadXMLDoc("/ajax/test1.txt",function()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
});
}
</script>
服务器端通对应的方法POSTGET等接收.输出是直接输出..
㈧ AJAX是什么如何在JavaScript中使用
JavaScript能流行,一个很重要的原因是AJAX技术的应用。在网页中有很多的应用。举两个常见的AJAX应用的例子:
1、 在搜索中,我们输入关键字时,网页会实时展现搜索结果;这是用AJAX实现的。
2、 使用地图时,地图会根据用户显示的位置不停的更新。这也是通过AJAX实现。
那么什么是AJAX呢?
AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML(这里我们主要介绍下JavaScript中AJAX的应用)
通常当JavaScript向服务器发送请求获取数据时,服务器会返回数据。在传统没有使用AJAX的网页中,需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。(比如,当你要放大地图的时候,你会不断的向服务器请求地图当前位置的详细信息,服务器返回数据给你,这里我们并不需要重新加载整个页面,不然用户体验就太差了。而是局部更新页面。)
由于我不可能在这写一个地图这样复杂的例子,而为了演示AJAX的使用,我借用了秒秒学的一个简单示例:
// 简单的AJAX举例。
// 1: 创建请求变量
var myRequest;
// 浏览器的特征检查。
if (window.XMLHttpRequest) { //若支持,则是火狐、谷歌等浏览器。
myRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // 若不支持, 则是IE浏览器。
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
// 2: 为请求添加事件处理代码。
myRequest.onreadystatechange = function(){
console.log("匿名函数被调用!");
console.log(myRequest.readyState);
if (myRequest.readyState === 4) {
var p = document.createElement("p");
var t = document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);
}
};
// 3: 配置发送请求
myRequest.open('GET', 'simple.txt', true);
myRequest.send(null);
//....
使用AJAX主要分三部分,如示例中的
1、 创建请求的变量。
在script文件中,首先声明XMLHttpRequest对象,这也是题主说的Ajax的核心。浏览器页面能通过XMLHttpRequest对象和服务器进行通讯。因为这个对象的创建因浏览器的不同而有区别。所以我们要用if语句判断XMLHttpRequest是否存在。
2、 为请求添加事件处理代码
创建好XMLHttpRequest对象后,就可以向服务器发送请求了,不过我们首先处理服务器响应的事件。当服务器响应后会触发myRequest对象的onreadystatechange事件。
在onreadystatechange事件中我们看到myRequest调用了readyState属性,readyState有4个值表示目前响应所在的阶段,各数值表示如下:
l 1:请求已经建立,但是还没有发送(还没有调用 send())。
l 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。
l 3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。
l 4:响应已完成;您可以获取并使用服务器的响应了。
我们一般只关心readyState的值为4的情况,表示响应已完成。
3、 配置发送请求
使用open方法配置请求。它有三个参数:
1、第一个参数表示用GET获取服务器中的数据。
2、第二个参数是一个服务器地址,这里我们用本地的simple.txt代替,省去创建服务器的麻烦。
3、第三个参数true表示请求是异步的,即当请求发送后,JavaScript不会为了等待服务器的响应而阻塞,它会继续执行后续代码。
配置好请求后,用send方法发送请求,这里给send传递的参数是null,若有其它参数需要发送,也可以传递给send方法。
这样AJAX的简单使用例子就说完了,以上示例来自教程网站秒秒学,希望对你有帮助。
㈨ ajax 的处理方法
你要了解ajax的原理啊,ajax是用于异步交互的,就是js来调用你的业务方法.,你这里就是传统的jsp在调用,你要写一个js的函数,然后在你提交按钮那里把那个onclick事件加上去<head>
<head>
<title>itcast.cn用户名校验ajax实例</title>
<!--<meta http-equiv="content-type" content="text/html; charset=gb2312" />-->
<script type="text/javascript" src="jslib/jquery.js"></script>
<script type="text/javascript" src="jslib/verifyjqueryxml.js"></script>
</head>
<body>
<!--基于标准的一些好习惯,首先标签名要小写,其次标签必须关闭,第三属性名必须是小写的,第四属性值必须位于双引号中-->
itcast.cn用户名校验的ajax实例,请输入用户名: <br/>
<!--ajax方式下不需要使用表单来进行数据提交,因此不用写表单标签-->
<!--ajax方式不需要name属性,需要一个id的属性-->
<input type="text" id="userName" />
<input type="button" value="校验" onclick="verify()"/>
<!--这个div用于存放服务器段返回的信息,开始为空-->
<!--id属性定义是为了利用dom的方式找到某一个节点,进行操作-->
<div id="result"></div>
<!--<div id="result">123</div><div>456</div>-->
<!--<span>123</span><span>456</span>-->
<!--div和span的直观差异,div中的内容独占行,span中的内容和前后其他内容相处良好-->
</body>
function verify() {
//解决中文乱麻问题的方法1,页面端发出的数据作一次encodeURI,服务器段使用new String(old.getBytes("iso8859-1"),"UTF-8");
//解决中文乱麻问题的方法2,页面端发出的数据作两次encodeURI,服务器段使用URLDecoder.decode(old,"UTF-8")
var url = "AJAXServer?name=" + encodeURI(encodeURI($("#userName").val()));
url = convertURL(url);
$.get(url,null,function(data){
$("#result").html(data);
});
}
//给url地址增加时间戳,骗过浏览器,不读取缓存
function convertURL(url) {
//获取时间戳
var timstamp = (new Date()).valueOf();
//将时间戳信息拼接到url上
//url = "AJAXServer"
if (url.indexOf("?") >= 0) {
url = url + "&t=" + timstamp;
} else {
url = url + "?t=" + timstamp;
}
return url;
}这个是js文件
public class AJAXXMLServer extends HttpServlet{
protected void doPost(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws ServletException, IOException {
doGet(httpServletRequest, httpServletResponse);
}
protected void doGet(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws ServletException, IOException {
try{
//修改点1----响应的Content-Type必须是text/xml
httpServletResponse.setContentType("text/xml;charset=utf-8");
PrintWriter out = httpServletResponse.getWriter();
//1.取参数
String old = httpServletRequest.getParameter("name");
//修改点2-----返回的数据需要拼装成xml格式
StringBuilder builder = new StringBuilder();
builder.append("<message>");
//2.检查参数是否有问题
if(old == null || old.length() == 0){
builder.append("用户名不能为空").append("</message>");
} else{
//3.校验操作
String name = old;
if(name.equals("wangxingkui")){
//4。和传统应用不同之处。这一步需要将用户感兴趣的数据返回给页面段,而不是将一个新的页面发送给用户
//写法没有变化,本质发生了改变
builder.append("用户名[" + name + "]已经存在,请使用其他用户名").append("</message>");
} else{
builder.append("用户名[" + name + "]尚未存在,可以使用该用户名注册").append("</message>");
}
out.println(builder.toString());
System.out.println(builder.toString());
}
} catch(Exception e){
e.printStackTrace();
}
}
}这个是servlet处理类,相当于action