`
newleague
  • 浏览: 1504636 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

ajax 回调 多浏览器

阅读更多

var xmlHttp;
  
     function getxml(){
      if(window.XMLHttpRequest) {
          xmlHttp = new XMLHttpRequest();
          if (xmlHttp.overrideMimeType) {
              xmlHttp.overrideMimeType("text/xml");
          }
      }
      else if (window.ActiveXObject) {
          try {
              xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
          } catch (e) {
              try {
                  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
              } catch (e) {}
          }
      }
      if (!xmlHttp) {
          window.alert("can't create XMLHttpRequest object.");
          return null;
      }
      return xmlHttp;
      }
  
  
  function getModel(){
   xmlHttp=getxml();
   var makeName = document.getElementById("makeName").value;
   var yearName = document.getElementById("yearName").value;
   var url = "<%=request.getContextPath()%>/website/index.do?method=getModel&makeName="+makeName+"&yearName="+yearName;
   xmlHttp.open("POST",url,false);
   xmlHttp.send(null);
   xmlHttp.onreadystatechange = callback();
   
  }
  
  function callback(){
   if(xmlHttp.readyState==4){
    if(xmlHttp.status==200){
     getModelResponse();
     xmlHttp = null;
    }
   }
  }
  
  function getModelResponse(){
   clearModelList();
   var modelNames = xmlHttp.responseXML.getElementsByTagName("modelName");
   
   var dlcModel = document.getElementById("modelName");
   var option = null;
   for(var i=0;i<modelNames.length;i++){
    option = document.createElement("option");
    option.appendChild(document.createTextNode(modelNames[i].firstChild.nodeValue));
    option.value = modelNames[i].firstChild.nodeValue;
    dlcModel.appendChild(option);
   }
  }
 
   function clearModelList(){
    var model = document.getElementById("modelName");
    while(model.childNodes.length>0){
     model.options.length = 0
    }
   }

分享到:
评论

相关推荐

    jquery AJAX 回调函数取JSON成功代码

    以下是一个简单的jQuery AJAX回调函数获取JSON数据的示例代码: ```javascript $.ajax({ url: 'your_data_endpoint.json', // 这应替换为实际的JSON数据源URL type: 'GET', dataType: 'json', success: ...

    js写AJAX 异步调用 -实现回调

    在提供的`ajax 应用通用函数.js`文件中,可能包含了一个通用的AJAX函数,它接受URL、回调函数等参数,封装了上述步骤,方便在多个地方复用。 ```javascript function makeAjaxRequest(url, callback) { var xhr = ...

    浏览器调试ajax请求

    `success`和`error`回调函数分别处理成功和失败的情况,通过`console.log`或`console.error`打印响应或错误信息,方便调试。 当使用POST方法时,通常需要传递数据,可以将数据放在`data`字段中,如: ```...

    监听浏览器滚动条 回调加载

    综上所述,“监听浏览器滚动条 回调加载”是一种有效提升网页性能和用户体验的技术,它涉及到滚动事件监听、异步数据加载、请求顺序控制以及性能优化等多个方面。通过熟练掌握这些技巧,开发者可以构建出更加流畅、...

    关于ajax支持浏览器后退前进的做法

    在执行AJAX请求时,我们可以在成功回调中使用这些方法: ```javascript function fetchData(url) { fetch(url) .then(response =&gt; response.json()) .then(data =&gt; { // 更新页面内容 updatePageContent(data)...

    ajax回调打开新窗体防止浏览器拦截有效方法

    总的来说,防止浏览器拦截AJAX回调打开新窗体的两种有效方法各有优劣,选择使用哪一种方法需要根据实际的应用场景和用户体验要求来定。在使用同步请求时,需要注意可能带来的性能问题,尽量在确实需要时使用,并考虑...

    标准ajax模板不要为浏览器标签问题再烦恼了.

    本文标题提到的“标准Ajax模板”旨在解决浏览器之间的兼容性问题,确保在不同浏览器上都能正常运行。 描述中指出,这个模板是为了避免开发者因浏览器标签的兼容性问题而感到困扰。在不同的浏览器中,如Firefox、...

    简单回调demo

    回调主要用于异步操作的完成通知,而事件监听则关注于特定事件的发生,如用户点击按钮或浏览器窗口大小改变。 总结来说,回调是异步编程的基础,理解并熟练运用回调函数对于编写高效、可维护的代码至关重要。在实践...

    ASP.NET 回调测试程序

    描述中提到“例子简单实用”,这可能意味着测试程序会包含一个简单的用户界面,例如一个按钮,当用户点击时触发AJAX回调。这个按钮可能绑定了一个JavaScript事件处理函数,该函数负责发送异步请求到服务器。 在前端...

    对ajax前进后退的处理

    当`hash`值发生变化时,执行相应的回调函数。 ```javascript window.addEventListener('hashchange', function() { // 在这里处理hash变化的逻辑 }); ``` 2. 更新`hash`值: 当用户通过AJAX请求获取新数据时,...

    asp.net中如何使用WPF回调

    6. **测试和优化**:确保在不同的浏览器和环境下,回调都能正确触发页面更新,并优化性能,减少不必要的回调和页面更新。 通过这样的方式,即使 WCF 回调在不同的线程中运行,也可以有效地更新 ASP.NET 页面的内容...

    解决使用ajaxFileUpload上传控件出现的问题:回调函数总是进入error或success

    `ajaxFileUpload`的核心在于它能够处理文件的FormData对象,并通过Ajax发送到服务器,然后通过回调函数处理结果。 在描述中提到的问题,即回调函数总是进入error或success,可能是以下原因导致的: 1. **服务器...

    基于ajax相册系统

    4. **监听状态变化**:通过onreadystatechange事件,当请求状态改变时触发回调函数。状态4表示请求已完成,此时可以获取服务器返回的数据。 5. **处理响应**:使用responseText或responseXML属性获取服务器返回的...

    解决ajax回调函数返回的字符串乱码问题

    为了解决AJAX回调函数返回的字符串乱码问题,开发者可以在服务器端设置响应内容类型和字符编码,以确保数据的正确传输和解析。根据提供的文件内容,这里涉及到一个关键的操作步骤: 1. 在服务器端,无论是使用...

    ajax通用函数,兼容市面所有浏览器,纯javascript实现

    然后,它会初始化一个请求,设置请求类型(GET 或 POST),URL,超时时间,以及各种回调函数,包括完成、错误和成功的回调。 `httpSuccess` 函数用来检查服务器返回的状态码,判断请求是否成功。通常,200 至 300 ...

    jQuery Ajax Post 回调函数不执行问题的解决方法

    在使用jQuery进行Ajax异步请求时,回调函数不执行是一个常见的问题,特别是在使用`$.post()`或`$.ajax()`函数时。本文将深入探讨jQuery `Ajax Post`回调函数不执行的原因,并提供相应的解决方法,同时也会分析`ajax ...

    asp.net 使用 回调例子

    这通常涉及XMLHttpRequest对象或现代浏览器的fetch API来发送异步请求,然后在回调函数中处理响应。 在压缩包中的"CallBack"文件可能是实现回调功能的源代码文件,包括.aspx页面、.cs后台代码文件以及可能的.js脚本...

    ASP.NET回调函数

    ASP.NET回调的核心是AJAX(Asynchronous JavaScript and XML),虽然名称中有XML,但现代的实现更多地使用JSON格式来传递数据。在ASP.NET中,我们可以使用内置的AJAX工具包或者自定义JavaScript和HTTP异步调用来实现...

    Ajax获取回调函数无法赋值给全局变量的问题

    然而,由于Ajax的异步特性,有时会出现回调函数中的数据无法正确赋值给全局变量的问题。这个问题在实际开发中很常见,特别是对于新手开发者来说可能会感到困惑。下面我们将详细讨论这个问题及其解决方案。 问题描述...

Global site tag (gtag.js) - Google Analytics