1. 程式人生 > >AJAX 多次傳送非同步請求的 XmlHttpRequest 物件的設定

AJAX 多次傳送非同步請求的 XmlHttpRequest 物件的設定

  //第一次非同步請求
  function loadCategory(){
   createXmlHttp();
   xmlhttp.onreadystatechange=getCategory;
   xmlhttp.open("GET","show!findAllCategories.action",true);
   xmlhttp.send();
  }
  function getCategory(){
   if(xmlhttp.readyState==4){
    if(xmlhttp.status==200){
     var sel=document.getElementById("div1");
     sel.innerHTML=xmlhttp.responseText;
    }
   }
  }
   //第二次非同步請求
  function getData(){
   createXmlHttp();//另一個xmlhtpp物件,必須重新建立,否則和第一個相同
   xmlhttp.onreadystatechange=getProduct;
   document.getElementById("div2").innerHTML="";
   xmlhttp.open("GET","showPro!findProByCategoryId.action?id="+document.getElementById("dept").value,true);
   xmlhttp.send();
  }
  function getProduct(){
   if(xmlhttp.readystate==4){
    if(xmlhttp.status==200){
     var sel1=document.getElementById("div2");
     sel1.innerHTML=xmlhttp.responseText;
    }
   }
  }
 </script>

相關推薦

AJAX 傳送非同步請求XmlHttpRequest 物件設定

  //第一次非同步請求  function loadCategory(){   createXmlHttp();   xmlhttp.onreadystatechange=getCategory;   xmlhttp.open("GET","show!findAllCategories.action",tr

避免Ajax傳送重複請求

module.submit = debounce(150, function() { // todo }) 還是以知乎草稿舉例,當在編輯器內按下 ctrl + s 時,可以手動儲存草稿;如果你連按,程式會表示不理解為什麼你要連按,只有等你放棄連按,它才會繼續。 更多記憶中的例子 方式

JavaWeb筆記-23-AJAX非同步互動,ajax傳送非同步請求(四步操作)

1)ajax: asynchronous javascript and xml:非同步的js和xml 作用:能使用js非同步訪問伺服器. (原本只是響應伺服器,不能傳送請求) 應用場景: 1)百度的搜尋框 2)使用者註冊時(校驗使用者名稱是否被註冊過)

jquery ajax請求介面解決方案

如果有個地方$('#Id').click(function(){    $.ajax({})}); 改成這樣$('#Id).unbind('click').bind('click',function(){     $.ajax({}) }); 這樣用就不會提交很

ajax傳送非同步請求(四步操作)

一.第一步(得到XMLHttpRequest) ajax其實只需要學習一個物件:XMLHttpRequest,如果掌握了它,就掌握了ajax!!! 1.得到XMLHttpRequest

AJAX:如何編寫一個關於AJAX的Hello World?(ajax傳送非同步請求(四步操作))

用到的一個Servlet類: package cn.edu.web.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annot

jq防止ajax提交的方法

console csdn min complete num href config 中斷 ring 1、第一種,對於onclick事件觸發的的ajax 可以采用如下方法: 即在beforeSend中使點擊按鈕不可用,ajax結果返回後置為可用 $.ajax( { type

後端處理高並發狀態的重復請求

由於 build 無限循環 目前 檢索 沒有 調用 body 通過   相信做Web的,都有可能遇到有多次重復請求發送到後端的情況。而這些重復請求,可能大都是由於在網絡較差的情況下,用戶多次連續點擊。最後導致後端面臨處理大量重復請求的境地。阻止這些情況發生的方法有很多。  

非同步請求---XMLHttpRequest

今天學習非同步請求,有些問題和想法,記錄一下   說在前面的,非同步請求和同步請求的區別,同步請求在使用者發出請求的的之後,就只能等待,如果伺服器載入時間長,就等待時間長,在這個時間段無法做其他的動作,而非同步請求則規避了這個不足,它在發出請求之後,將請求首先交給了一箇中間物件,讓(XMLHttpReque

注意ajax的同步和非同步請求

預設 一般ajax 或者 ajax工具  都是 非同步請求的。 但是 在開發中,使用了一個 開源的 前端ui裡面自帶的ajax工具, 文件寫錯了, 把 非同步請求 和 同步請求的配置引數搞反了。 不小心 設定成了 同步的 ajax, 這可坑爹了,  比如 同步請求

layui自定義驗證規則 實現傳送非同步請求校驗手機號是否已註冊

//自定義驗證規則 form.verify({ name: function(value, item){//value:表單的值、item:表單的DOM物件 if(!new RegExp(’1+′).t

jquery ajax 提交問題

由於我的ajax請求被繫結到按鈕的click事件執行。 act_btn.click(function(){ var data = $("#action_content").serialize(); var url = "dor

解決echarts中資料非同步載入後觸發事件疊加問題

解決echarts中多次資料非同步載入後觸發事件疊加問題 問題描述 echarts中資料通過ajax等方式多次非同步載入資料後,當點選圖表中的同一位置時,其觸發事件也會隨之觸發多次。在官方的教程中有這樣一局原話“所有資料的更新都通過 setOption實現,你只需要定時獲

Scrapy 遇到的小坑_關於payload引數_scrapy第一傳送POST請求

Scrapy框架第一發送POST請求遇到的小坑 前言: 爬取一個數據開發平臺 悅採 網, 爬取上面的招標_採購資訊。 要看解決方式的直接跳到最後 首先思路,分析網站,找規律,我感覺這

AJAX實現購物車的非同步請求操作

        大家在淘寶或者天貓上購物的時候,都會發現自己的購物車隨著自己的點選而使頁面出現一些變化。例如,當我們點選多選框是,左下方的總價就會發生改變。作為後臺的管理者,我們同樣需要對使用者的購物車清理(也就是使用者購買購物車中的商品時)執行一些相應的業務邏輯操作。我選

1ajax請求(XMLHttpRequest)上傳個檔案,支援進度條

封裝了一個ajax多檔案上傳,功能就是選擇多個檔案,用ajax上傳。 呼叫方式也很簡單,寫一個json物件做為引數配置,設定要上傳的服務端url以及選擇檔案和上傳完成等的事件處理函式,new一個AjaxUploadX物件,呼叫selectFiles方法選擇檔案,呼叫upla

Ajax 向同一個action傳送請求

  Ajax,預設是非同步請求。所謂非同步就是,不會去等待伺服器做出響應後再去執行別的請求,所謂同步就是,客戶端一次請求,服務端一次響應,響應結束後才會傳送下次請求,然後下次響應。簡單總結,非同步就是不會去等待服務端做出響應,只管傳送,同步就是一次傳送對應一次響

Ajax核心XMLHttpRequest物件、(傳送請求、接收)方法和屬性介紹、AJAX開發框架、資料格式提要(XML、JSON、HTML)

Ajax核心XMLHttpRequest物件、(傳送請求、接收)方法和屬性介紹、AJAX開發框架、資料格式提要(XML、JSON、HTML) XMLHttpRequest物件    XMLHttpRequest物件在大部分瀏覽器上已經實現而且擁有一個簡單的介面允許資料從客戶端傳遞到服務端,但並不會打斷使用

ajax小技巧,防止點擊發送請求

設置 function click als var div ajax timeout 防止 var isAjax=false;$("btn").click(function(){if(isAjax)return; isAjax=true;setTimeout(fun

httpclient如何實現在一個連線中傳送請求

public class Sample { private static ResponseHandler<String> responseHandler = new ResponseHandler<String>() { @Override