Ajax的简单请求案例

 1         $.ajax({
 2                 url : rootPath +‘/jasframework/choosepilecontrol/querySubsytem.do‘,
 3                 type : "POST",
 4                 dataType : "json",
 5                 success:function(data){
 6                     if(data.subsystem!=null){
 7                         var length = data.subsystem.length;
 8                         var option = new Option(‘-----请选择-----‘,‘‘);
 9                         subsystemSelectObj.add(option);
10                         if(length>0){
11                             for(var i=0;i<data.subsystem.length;i++){//循环数组,添加子节点
12                                 var eventid = data.subsystem[i].EVENTID;
13                                 var name = data.subsystem[i].SUBSYSTEMNAME;
14                                 var option = new Option(name,eventid);
15                                 subsystemSelectObj.add(option);
16                             }
17                             subsystemSelectObj.options[0].selected=true;
18                             if(callback){
19                                 callback();//调用页面传递进来的回调函数,主要用于修改页面设置分区值
20                             }
21                         }
22                     }
23                 }
24             });

3.在请求前进行操作
 1     $.ajax({
 2             type: "put",
 3             url: szURL,
 4             async: false,
 5             timeout: 15000,
 6             processData: false,
 7             data: xmlDoc,
 8             beforeSend: function(xhr) {
 9                 xhr.setRequestHeader("If-Modified-Since", "0");
10                 xhr.setRequestHeader("Authorization", "Basic " + g_oCommon.m_szUserPwdValue);
11             },
12             error:function(xhr, textStatus, errorThrown) {
13                 that.setState(xhr);
14             }
15         });

当含有请求失败时候的案例

 1         $("#btnendsave").click(function(){
 2             $.ajax({
 3                 url : rootPath +‘/jasframework/choosepilecontrol/queryMarkerById.do?MarkerId=‘+$(‘#endMarkerId1‘).val(),
 4                 type : ‘POST‘,
 5                 success : function(data) {
 6                     var objJson = JSON.parse(data);
 7                     if($(‘#endMarkerPostion1‘).val()!=‘‘){
 8                         $(‘#‘+endMarkerTextId).val(objJson[0].markername+"+"+$(‘#endMarkerPostion1‘).val()+"m");
 9                     }else{
10                         $(‘#‘+endMarkerTextId).val(objJson[0].markername);
11                     }
12
13                 },
14                 error : function(data) {
15                     top.showAlert(‘错误‘, ‘查询出错‘, ‘error‘);
16                 }
17             });
时间: 2024-11-06 13:22:57

Ajax的简单请求案例的相关文章

Ajax发送XML请求案例

如果请求参数较多,而且请求参数的结构关系复杂,则可以考虑发送XML请求.XML请求的实质还是POST请求,只是在发送请求的客户端页面将请求参数封装成XML字符串的形式,服务器端则负责解析该XML字符串.当然,服务器获取到XML字符串后,可借助于dom4j或JDOM等工具来解析. 程序清单:Ajax02request/xml/second.jsp 1 <%@ page contentType="text/html; charset=UTF-8" language="jav

CORS ajax跨域请求php简单完整案例一则

一.CORS: Cross-Origin Resource Sharing CORS是Cross-Origin Resource Sharing的缩写,表示跨域的资源分享,不仅可以跨子域,就算域名长得完全不一样,也可以进行资源获取. 比较常见的应用之一就是Ajax跨域请求数据. 这个特性IE11开始支持: 和股市一样,大好河山一片绿,青青草原漫无边. 二.ajax跨域请求的header设置和案例 和传统ajax请求相比,ajax跨域请求的偶尔工作量主要在数据接收方那一端,也就是在服务器端设置.

使用原生ajax发送post请求完整案例

使用ajax发送数据实现前后台的交互,我想是web开发最基础的技能了.近来dz开发因为不兼容jquery,所以只能使用原生js发送数据,不想还遇到很多问题.在这里分析总结一下.先来一个使用ajax发送post表单数据的案例. <html> <head> <title> ajax发送post请求实例 </title> </head> <body> <form method="post" action="

jsonp其实很简单【ajax跨域请求】

前两天被问到ajax跨域如何解决,还真被问住了,光知道有个什么jsonp,迷迷糊糊的没有说上来.抱着有问题必须解决的态度,我看了许多资料,原来如此... 为何一直知道jsonp,但一直迷迷糊糊的不明白呢?——网上那些介绍资料都写的太复杂了! 我是能多简单就多简单,争取让你十分钟看完! 1. 同源策略 ajax之所以需要“跨域”,罪魁祸首就是浏览器的同源策略.即,一个页面的ajax只能获取这个页面相同源或者相同域的数据. 如何叫“同源”或者“同域”呢?——协议.域名.端口号都必须相同.例如: ht

ajax跨域简单请求和复杂请求

1. 简单请求: 满足一下两个条件的请求. (1) 请求方法是以下三种方法之一: HEAD GET POST (2)HTTP的头信息不超出以下几种字段: Accept Accept-Language Content-Language Last-Event-ID Content-Type:只限于三个值application/x-www-form-urlencoded.multipart/form-data.text/plain 2. 复杂请求: 非简单请求就是复杂请求. 非简单请求是那种对服务器有

Ajax 跨域请求 jsonp获取json数据

遇到Ajax的跨域请求出问题 找了中解决办法如下: 参考内容:http://justcoding.iteye.com/blog/1366102 由于受到浏览器的限制,该方法不允许跨域通信.如果尝试从不同的域请求数据,会出现安全错误.如果能控制数 据驻留的远程服务器并且每个请求都前往同一域,就可以避免这些安全错误.但是,如果仅停留在自己的服务器上,Web 应用程序还有什么用处呢?如果需要从多个第三方服务器收集数据时,又该怎么办? 理解同源策略 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的

html --- ajax --- javascript --- 简单的封装

Ajax的简单封装 Ajax的全称是AsynchronousJavaScriptAndXML 如有疑问请参考:http://zh.wikipedia.org/zh-cn/AJAX 以及传智播客的视频教程:http://java.itcast.cn/news/8308d118/740a/4dcd/8dbf/c73d2fe5bc60.shtml 其实已经有好多框架对它进行了封装,但是还是有好多时候用到自己封装的 透露一下,本人是宇多田光的听众之一哦! 封装后的代码如下: 文件路径:\web\Ajax

Ajax 跨域请求-- Cross Domain

在认识 跨域 之前,先简单了解下域名和协议名,比如下面这个 URL http://mail.163.com/index.html http://              协议名,也就是HTTP超文本传输协议 mail                  服务器名 163.com           域名 mail.163.com    网站名 /                        根目录 index.html         根目录下的默认网页 1.什么是跨域请求? 请求的下一个资源

JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)

一.使用Ajax发送get请求 发送异步请求的步骤 - 获取Ajax对象:获取 XMLHttpRequest对象实例 - 创建请求:调用XMLHTTPRequest对象的open方法 - 设置回调函数:为Ajax对象的 onreadystatechange事件设定响应函数 - 发送请求:调用Ajax对象的send方法 - 获取Ajax对象     - 创建请求 - 注意: - true:表示发送异步请求(当Ajax对象发送请求时,用户仍然可以对当前页面做其它的操作) - false:表示发送同步