javascript使用ajax请求数据的url所指向服务器端文件是怎样的?

如:
var x=XMLHttpRequest();
x.open(method,url,asyn);
x.onreadystatechange=function(){....};
x.send(date or null);
请问上面代码中x.open(method,url,asyn)中url所指向的链接文件是怎样的?能否写个范例?
我就是非常不理解ajax请求的数据内容是怎样的,在w3school中,也只是给个链接,然后就可以了,但是不知道这个链接所指向的文件是用什么语言写的?js的ajax请求支持什么样格式的文件?

最后,在本地电脑上怎样才能模仿真实客户端与服务端数据交流?例如,怎样实现请求服务器中的某某文件到本地页面的指定内容?
详细描述:我现在使用apache+mysql+php搭建了一个php运行环境,也就是搭建了一个本地服务器。可以使用 localhost 在浏览器上访问页面,像真实网络那样,输入路径,就可以访问页面。然后,我现在在本地电脑上创建了一个html文件,在文件中使用XMLHttpRequest.open("get",url,true);这个url所请求的数据应该是怎样的数据?只要给出一个最普通的范例就可以了,谢谢。然后怎么向我使用apache创建的web网站请求到数据?就是这个地方,我一直不会,我现在只知道ajax的书写格式,却始终没有办法实现它该有的效果,请问如何做到,跪求了!

回答你的

问题1:但是不知道这个链接所指向的文件是用什么语言写的?

答:php语言、asp语言、java等服务器端脚本语言

问题2:js的ajax请求支持什么样格式的文件?

答:我想你问的是发送的ajax请求的数据类型吧?也就是你上面例子中的data,

这个是有三种

{

    1.text文本类型(即普通字符串)

    2.xml

    3.json

}

问题3:然后怎么向我使用apache创建的web网站请求到数据?

答:

ajax_demo01.html文件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>ajax无刷新弹窗</title>
<script type="text/javascript" src="./public.js"></script>
<script type="text/javascript">
/*动态绑定事件*/
window.onload = function() {
$('btn').onclick = function() {
//1.创建Ajax对象
var xhr = createXhr();
//2.初始化
xhr.open('get', 'ajax_demo01.php');
//3.当状态码发生改变时,自动执行的回调函数
xhr.onreadystatechange = function() {
//判断状态码变化值
if (xhr.readyState == 4) {
//状态接收完毕时,弹出内容字符串
alert(xhr.responseText);
}
;
}
//4.发送Ajax请求(由于是get请求,所以,请求数据在url,这里传Null)
xhr.send(null);
}
}
</script>
</head>
<body>
<input type="button" id="btn" value="确定">
</body>
</html>

自己封装的public.js文件

function createXhr(){
try{
return new XMLHttpRequest();
}catch(e){

}
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){

}
alert("Ajax对象由于浏览器罕用而创建失败");
}

function $(id){
return document.getElementById(id);
}

ajax_demo01.php文件

<?php
echo "hello ajax";

追问

我测试过了,有用!就是你还有些没有说清楚,因为实在本地电脑上(家用电脑)测试,所以应该说明这些文件必须放在创建的网站目录下(以前我都是随便在本地磁盘上放文件,然后直接打开文件!),且必须通过浏览器访问网站文件,直接打开无效,我就是这样成功的(不知是否还有其他方法?),谢谢,今天终于弄懂了!

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-09-17
我也只知道ajax的书写格式,没有办法实现它该有的效果,请问如何做到

Ajax最全Resful中@PathVariable占位使用,前台发请求,服务器接收方法流程...
在网页应用中,Ajax与服务器交互的抽象过程如下图所示。Spring3.0新增功能之一的@PathVariable,用于映射URL中带的占位符,使得URL中的{xxx}可通过@PathVariable("xxx")绑定到操作方法的参数中。AJAX异步请求将客户端输入的参数传给服务器,有四种形式:通过get提交、将参数体现在链接中、通过post提交或在...

在项目里我用jquery进行ajax请求服务器 服务器返回的不是json而是html代...
你用ajax请求时要设置一下请求返回的数据类型dataType如 .ajax({type:"get",dataType:"json",url:"jil.jsp",dataFilter:function(data,type){alert(data);}});还有你服务器端要返回一个跟你设置的datatype一致的数据类型 像JSP要用out.clear();清除一下那些不要的代码 ...

...ajax()、$.post()、$.get(),各在什么情况下使用?它们的区别?_百度...
jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息:3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数:url (String) : 发送请求的URL地址.data (Map) : (可选) 要发送给服务器的数据,以 Key\/value 的键值对形式表示。callback (...

ajax url 是什么意思
Ajax url通常用于在网页中从服务器获取数据并将其显示在页面上。使用Ajax技术,我们可以通过页面上的按钮、搜索栏等元素触发AJAX请求 ,向服务器发送请求,并将数据返回给客户端,从而更好地控制数据交换的速度和流量,给用户带来更好的体验。因此,在web开发中,ajax url是非常重要的一部分,而理解它的...

Ajax向服务器发送请求和接收返回的信息
创建服务器端文件:index.php 创建浏览器端文件:index.html 在浏览器中访问客户端文件,按“F12”键,切换到控制台,查看输出结果,具体如下图所示。从图中可以看出,通过onreadystatechange事件属性可以清晰的感知Ajax状态的改变,同时使用readyState获取转变后的状态值。例如Ajax从0(未初始化)状态变成1(...

丁鹿学堂笔记:ajax前端后端交互
URL主动发起请求时,需指定具体目标,通过action属性指向后端地址。GET方法将参数附在URL后发送,POST方法则将数据置于请求体中传输。表单onsubmit事件若返回false,能阻止数据提交。使用表单文件上传功能,需添加enctype="multipart\/form-data"属性,同时将input元素设为file类型。AJAX则允许通过JavaScript发起请求...

深入理解JavaScript中Ajax(下),认识Ajax这一篇就够了!
JavaScript中的Ajax,通常用于实现前端与后端的异步数据交换,它的核心是利用HTTP协议进行数据请求和响应。HTTP协议规定,数据传输必须由客户端(前端)主动发起,并且只能传递字符串。Ajax过程分为四个步骤:建立连接:客户端通过三次握手与服务器建立TCP\/IP连接。发送请求:客户端以请求报文的形式发送信息,...

ajax请求乱码怎么解决(ajax请求乱码怎么解决问题)
编码不对!去确认下ajax对接收数据的编码要求。客户端和服务器在传递数据时可以用过滤器filter解决字符编码问题,但filter只能解决post方式提交的数据。原因:检查页面显示编码和文件的编码;查看传输过程中是否编码改变,查看方式如下图JQuery的AJAX提交,会将要提交的数据进行编码,使用encodeURIComponent在js中...

ajax的工作原理是什么(附图解)
Ajax指Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。而实现的原理基础就是:网页DOM对象可以精确地对网页中的部分内容进行操作、XML作为单纯的数据存储载体使得客户端与服务器交换的只是网页内容的数据而...

ajax的工作原理和实现步骤
1、创建XMLHttpRequest对象: 在JavaScript中使用new XMLHttpRequest()创建一个XMLHttpRequest对象。2、指定回调函数: 设置一个回调函数,用于处理服务器响应的数据。3、打开连接: 使用open()方法指定HTTP请求的类型(GET或POST)和URL。4、发送请求: 使用send()方法发送HTTP请求。对于GET请求,可以将...

相似回答