本地的网页如何通过ajax发送并获取服务器的数据

本地的网页如何通过ajax发送并获取服务器的数据,第1张

jQuery 是js的一种框架 。他的实现方式比较简单。  jQuery的下载你可以百度一下。我简要说明一下他的使用。

$post() 方法

$post() 方法通过 >

语法:

$post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $post() 连同请求一起发送数据:

实例:

$("button")click(function(){
  $post("demo_test_postasp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

讲解一下原理 :

从你的浏览器发送一个异步请求 post样式的 到服务器

服务器接收请求。并按请求的内容返回数据。

浏览器接收服务器传回的结果。

如果你想看这个过程,那就去下载抓包软件。   抓一下数据包就清楚了。

ajax请求是基于原生XML>// 主过程
function startXML>

注:以下状态码大部分都是自己项目中遇到的,现记录方便日后查看。
通常前后端使用ajax交互时,客户端向服务器发送请求时,然后服务器向我们返回状态码。 状态码就是告诉我们服务器响应的状态 ,由3位数字组成,其中第一位数字表示响应类别,响应类别从1到5分为五种 。

表示请求被服务器正常处理 ,最常见的就是这个

表示请求已成功处理,但是没有内容返回
也就是返回的响应报文中没有报文实体
一般用在只是客户端向服务器发送信息,而服务器不用向客户端返回什么信息的情况

永久重定向,表示请求的资源已经永久的搬到了其他位置 ,资源已经被分配了新的URI

临时重定向,表示请求的资源临时搬到了其他位置 ,请求的资源暂时被配到到了新的URI,和301很像,只不过资源是临时移动

表示请求资源存在另一个URI,应使用GET定向获取请求资源
303功能与302一样,区别只是303明确客户端应该使用GET访问

表示客户端自从上次请求后,请求的网页未修改过。服务器返回此响应时,不会返回网页内容。
304通常在IE浏览器下多次请求同一个地址出现的。
场景:删除表格其中一条数据后重新请求列表数据渲染表格,第二次请求时状态码是304导致被删除的数据还是出现在前端。
原因:IE浏览器下同一地址的ajax请求优先读取本地缓存数据
解决方法:在请求地址后面加上时间戳,保证每次请求的地址都不一样,这样浏览器就无法读取缓存。

表示请求报文存在语法错误或参数错误,服务器不理解 ,需要修改请求内容后再次发送

表示发送的请求需要有>下载jquery
调用ajax函数,
function changeCheckCode() {
var url = "login/ajax_checkcodeasps_id = 39&name=123";
var data = {};
var callback = function (r) {
try {
alert(r);
}
catch (e) {alert(e);}};
$ajax({async: false, type: "GET", url: url, data: data, success: callback});
}

回答你的

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

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

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

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

这个是有三种

{

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

2xml

3json

}

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

答:

ajax_demo01html文件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ";

自己封装的publicjs文件

function createXhr(){
try{
return new XML>}

ajax_demo01php文件

<php
echo "hello ajax";


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/12716774.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存