`
liuhuan1534
  • 浏览: 49841 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

AJAX调用示例

阅读更多

 var callid;   //用于GPS的调度
 var request=null; //ajax对象
 //打开地图
 function openmap_onclick(){
    
    document.getElementById("sendall").disabled=true;
    document.getElementById("btnOpenMap").disabled=true;
 
  var v = false;
  var sel = document.getElementsByName("dispsel");
 
  var frameDoc = document.frames("caseinfo").document;
  var frametab = document.frames("caseinfo").reltab;
  callid = new Date().getTime()+ "" + Math.random();
  var accidentAddr=frameDoc.getElementById("vo.accidentProvince").value+"省"+frameDoc.getElementById("vo.accidentCity").value+"市"+frameDoc.getElementById("vo.accidentCounty").value;//+frameDoc.getElementById("vo.accidentStreet").value;
   
  var dptCode = document.getElementById("dptCode").value;
  if (dptCode.length>=2) {
    dptCode = dptCode.substring(0,2);
  }
  
  var url = "http://www.******.com:8080/aaaa/gpsDispatch?tempId=" + callid;     //必须含有
   url += "&rptNo="+getFieldValue("caseNo");                     //报案号


   url += "&compCde=P1001";                          //公司号码
   url += "&operateDept="+dptCode;                     //机构代码 
   url += "&damageTm="+frameDoc.getElementById("vo.accidentTm").value;            //出险时间
   url += "&damageAdd="+accidentAddr;                    //出险地点   
   url += "&damageDesc="+frameDoc.getElementById("vo.accidentCourse").value;      //出险经过
   url += "&rptTm="+frameDoc.getElementById("vo.rptTm").value;                 //报案时间
   url += "&rptNme="+frameDoc.getElementById("vo.reporter").value;                //报案人


   url += "&rptPhone="+frameDoc.getElementById("vo.reporterMobile").value;        //报案人电话


   url += "&survPlace="+accidentAddr;                //查勘地点
   url += "&longitude="+frameDoc.getElementById("vo.longitude").value;            //报案时的经度
   url += "&latitude="+frameDoc.getElementById("vo.latitude").value;         //报案时的维度
   url += "&scheduleType=1"         //调度方式:如果为1,则为全国集中调度,将显示公司所有机构供选择。


   url = encodeURI(url);
  window.showModalDialog(url,document,"dialogHeight:720px;dialogWidth:1015px;dialogTop=0,dialogLeft=0,status=yes,toolbar=no,menubar=no,location=no,scrollbars =yes");
  getGpsDispatch();
  //window.open(url,"_blank","height=720,width=1020,top=0,left=0,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes");
 }
 
 function getGpsDispatch(){
  var url = "http://www.*****.com:8080/aaaa/schedu.do?tempId="+escape(callid) + "&mhd=getSchedu";
  //alert("回调函数地址");
  //alert(url);
  request=getXMLHttpObj();
  request.open("GET", url, true);
  request.onreadystatechange =rollback_dispatch;
     request.send(null);
 }
 
 
 
 function getXMLHttpObj(){
 
  var axO=['Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP'], i;
  
  for(i=0;i<axO.length;i++)
  try{
   return new ActiveXObject(axO[i]);
  }catch(e){}
  
  if(typeof(XMLHttpRequest)!='undefined')
   return new XMLHttpRequest();
  
  return null;
 }
 
 function rollback_dispatch(){
  if (request.readyState == 4) {
   if (request.status == 200) {
    var s=request.responseText;
    var a = new Array();
       var temp = s.split(',');
       var t='';
       var length=0;
       // alert(s);
       for(var i=0; i<temp.length;i++){
        t = temp[i].split(':')[0];
        length=t.length;
        if(length<3){
         continue;
        }
        t=t.substring(1,length-1);
        if(t=="survId"){
         a[0]=temp[i].split(':')[1].substring(1,temp[i].split(':')[1].length-1);
        }
        if(t=="survNme"){
         a[1]=temp[i].split(':')[1].substring(1,temp[i].split(':')[1].length-1);
        }
       }
       if(a==null||a.length==0) return ;
      
       if(a[0]=="尚未选定") return;
      
       var sel = document.getElementsByName("dispsel");
       var prefix = "dispatchVOList";
    for(var i=0;i<sel.length;i++){
     var name = prefix+"["+i+"].";
     if(sel[i].checked){
      document.getElementById(name+"surveyEmpCde").value = a[0];
      document.getElementById(name+"surveyEmpNme").value = a[1];
      document.getElementById(name+"surveyDptCde").value = "";
      document.getElementById(name+"surveyDptNme").value = "";
      
      document.getElementById(name+"taskStat").value = "0150001";
    
      var cell = displist.rows[i+1].cells[2];
      
      //cell.innerText = getDictName("dictType",obj.dispType);
      
      cell = displist.rows[i+1].cells[6];
      
      cell.innerText = getDictName("dictTaskStat","0150001");
     }
    }
   } else{
    alert("system error,status is " + request.status);
   }
  }
  document.getElementById("sendall").disabled=false;
     document.getElementById("btnOpenMap").disabled=false;
 }

分享到:
评论

相关推荐

    Ajax调用webservices

    以下是一个简单的Ajax调用示例: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/service', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && ...

    Ajax异步请求简单示例

    本示例将展示如何使用Ajax进行简单的异步请求。 首先,我们需要了解Ajax的工作流程。Ajax请求通常包含以下步骤: 1. **创建XMLHttpRequest对象**:这是所有Ajax操作的基础。在现代浏览器中,我们可以直接创建`...

    iframe式ajax调用示例

    需要注意的是,尽管这个示例演示了iframe式ajax调用的基本原理,但在实际开发中,通常推荐使用现代的AJAX技术,如使用XMLHttpRequest对象或更高级的fetch API来实现异步请求,因为它们具有更好的性能和更灵活的交互...

    ajax调用,asp版本的 ,超级好用

    在ASP中实现一个简单的Ajax调用示例,可以分为客户端和服务器端两部分: **客户端JavaScript (假设使用jQuery):** ```javascript $(document).ready(function() { $("#btnAjax").click(function() { $.ajax({ ...

    ajaxCalls:Ajax 调用示例

    在JavaScript中,Ajax调用常用于实现页面的异步数据交互,提高用户体验,减少用户等待时间。本教程将详细介绍Ajax调用的原理、步骤及应用实例。** ### 1. Ajax 基本概念 Ajax的核心是JavaScript对象XMLHttpRequest...

    iframe式ajax调用示例代码

    iframe式ajax调用&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action=’b.php’ method=’post’ name=” id=” target=’formTarget’&gt; &lt;input type=’text’ name=’username’ id=” placeholder=...

    example-ajax-call:标准 jQuery ajax 调用示例

    在本篇内容中,我们将深入探讨"example-ajax-call"这个主题,它是一个展示标准jQuery AJAX调用的示例。 AJAX(异步JavaScript和XML)允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery...

    Ajax调用SOAP-Web示例

    标题"Ajax调用SOAP-Web示例"暗示我们将探讨如何使用Ajax来调用SOAP Web服务。SOAP Web服务是一种基于HTTP协议的,提供远程调用功能的服务,它使用XML作为数据交换格式,能够跨平台、跨语言地进行通信。 首先,让...

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    本教程将详细介绍如何利用jQuery实现Ajax调用,并通过具体的代码示例帮助你理解和应用。 **一、jQuery与Ajax基础** jQuery是一个流行的JavaScript库,它通过简洁的API让JavaScript编程变得更加容易,包括DOM操作、...

    jQuery使用Ajax方法调用WebService.doc

    本文将详细介绍如何使用jQuery的Ajax方法来调用WebService,并通过具体的示例代码来阐述其工作原理及实践应用。 #### 二、基础知识 在深入探讨之前,我们先了解一下基础概念: 1. **Ajax**:一种在无需重新加载整个...

    JQuery中Ajax的异步调用 示例

    JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,一个关于在js中通过JQuery实现异步无...

    ajax 调用WebService 很简单的demo

    在压缩包文件"demo"中,可能包含了完整的示例代码,包括客户端的Ajax调用和服务器端的WebService服务。通过分析和运行这个示例,你可以更好地理解这两个技术如何协同工作。 总之,Ajax调用WebService是Web开发中的...

    一个基于AJAX +ASP.NET 实现的客户端调用后台WebService服务方法程序代码

    7. **AJAXBeforePrototype**:可能是一个使用纯JavaScript实现的AJAX调用示例,与Prototype.js库的使用进行对比或作为其前导。 在实际开发中,通过AJAX,客户端可以向服务器发送异步请求,获取数据或执行操作,而...

    Ajax调用restful接口传送Json格式数据的方法

    3. Ajax调用示例代码 文章中给出了一个示例代码,演示了如何使用jQuery发起Ajax请求来与RESTful接口交互,并传送JSON格式数据。代码中定义了一个post_data对象,并使用JSON.stringify()方法将其转换为JSON字符串。在...

    Ajax调用.net后台函数

    ### Ajax调用.NET后台函数详解 #### 一、引言 在现代Web开发中,Ajax技术因其能够实现页面局部更新而被广泛采用。通过Ajax,前端可以与后端进行异步交互,使得用户无需重新加载整个页面即可获取新数据或执行特定...

    ajax调用数据

    下面将详细阐述Ajax调用不同类型数据的方法。 1. **Ajax调用无参的后台方法数据** 当你需要从服务器获取数据但无需传递任何参数时,可以使用Ajax进行无参调用。基本流程包括创建XMLHttpRequest对象、初始化请求、...

    ajax简单示例.EXE

    MyEclipse 中 Ajax简单示例

    Ajax详细示例

    在这个"Ajax详细示例"中,我们将深入探讨Ajax的工作原理、应用以及相关的JavaScript实例。 1. **Ajax工作原理** - 发起请求:Ajax首先创建XMLHttpRequest对象,然后通过open()方法指定HTTP请求类型(GET或POST),...

Global site tag (gtag.js) - Google Analytics