jQuery_Ajax预设Ajax选项

来源：互联网发布：创显班班通教学软件编辑：程序博客网时间：2024/05/16 11:27

在频繁与服务器进行交互的页面中，每一次交互都要设置很多选项，操作较为繁琐且易出错。在jQuery中定义了ajaxSetup()方法，该方法可以预设异步交互中通用选项，从而减轻频繁设置选项的操作。

先使用$.ajaxSetup()方法把本页面中异步交互的公共选项进行预设，包括请求的服务器端文件、禁止触发全局Ajax事件、请求方式、响应数据类型和响应成功之后的回调函数。这样在不同按钮上绑定异步请求时，只需要设置发送请求的信息就可以。

先创建一个服务器端的请求文件test.asp，直接用txt文件进行修改后缀的方法得到.asp文件，再输入下面代码

<%@LANGUAGE="JAVASCRIPT"CODEPAGE="65001"%><%var name = Request.Form("name");if(name){    Response.Write("接受到请求信息:"+name);}else{    Response.Write("没有接受到请求信息");}%>

其中CodePage：可读/可写。整型。定义用于在浏览器中显示页内容的代码页
CODEPAGE=65001 就是UTF-8
LANGUAGE:JAVASCRIPT 服务执行脚本语言!
来源：百度知道 https://zhidao.baidu.com/question/491361426.html

创建一个html文件进行主要代码编写：、

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <meta charset="utf-8" />    <script src="../Scripts/jquery-1.10.2.js"></script>    <script type="text/javascript">        $(function () {            $.ajaxSetup({               //预设公共选项                url: "test.asp",        //请求的url                global: false,          //禁止除非全局ajax事件                type: "POST",           //请求方式                dataType: "text",       //响应数据的类型                success: function (data) {      //响应成功之后的回调函数                    alert(data);                }            });            $("input").eq(0).click(function () {        //为按钮1绑定异步请求                $.ajax({                    data: "name=zhu"                });            });            $("input").eq(1).click(function () {                $.ajax({                    data: "name=zhu1"                });            });            $("input").eq(2).click(function () {                $.ajax({                    data: "name=zhu2"                });            });        })    </script></head><body>    <input type="button" value="异步请求1"/>    <input type="button" value="异步请求2" />    <input type="button" value="异步请求3" /></body></html>

eq() 方法将匹配元素集缩减值指定 index 上的一个。

jQuery选择器归纳：

jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取 <p> 元素。$("p.intro") 选取所有 class="intro" 的 <p> 元素。$("p#demo") 选取所有 id="demo" 的 <p> 元素。jQuery 属性选择器jQuery 使用 XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有 href 属性的元素。$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。$("[href='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

来源：jQuery 选择器 http://www.w3school.com.cn/jquery/jquery_selectors.asp

主要参考来源：JQuery开发完全技术宝典朱育发岳阳编写中国铁道出版社
第九章【使用Ajax】【第9.7节-预设Ajax选项】

阅读全文

0 0