Ajax

今天在做使用者註冊時：發現了一個奇怪的問題，請看代碼：$('input[name="username"]').blur(function(){ //驗證格式 var pattern = /^[a-z][\w]{4,11}$/i; if(!pattern.test($(this).val())) { $(this).siblings('.desc').html('<font style="color:red;">5-12個字元，必須以字母開頭，只能輸入數字，

情境描述：對於一個登入頁面中有一個登入的表單，但是由於登入驗證邏輯比較複雜，我們希望點擊登入後不重新整理當前頁面，給出登入結果後再選擇是跳到新的頁面還是提示使用者名稱密碼錯誤。類似這樣的問題很多很多。非同步擷取資料使使用者體驗大大增強。背景知識：Ajax指的是非同步JavaScript及XML（Asynchronous JavaScript And XML）。AJAX 不是一種新的程式設計語言，而是一種用於建立更好更快以及互動性更強的 Web

get如果請求url沒有變化，取出緩衝，提高效率；請求會緩衝到瀏覽器中，可以通過記錄查看使用者資訊，安全性低；post傳送變化的資料顯示，變動性訪問；get通過url地址傳送資料，資料量不能超過1024byte；post作為http訊息的實體內容傳送到伺服器中，傳送資料量可以很大；get傳送資料要經過encodeURIComponent編碼，防止亂碼。get方式，伺服器端用Request.QueryString擷取變數的值；post方式，伺服器端用Request.Form擷取提交的資料；兩種方式

自從javascript有了各種架構之後，比如jquery，使用ajax已經變的相當簡單了。但有時候為了追求簡潔，可能項目中不需要載入jquery這種龐大的js外掛程式。但又要使用到ajax這種功能該如何辦呢？下面和大家分享幾種利用javascript實現原生ajax的方法。 實現ajax之前必須要建立一個 XMLHttpRequest 對象。如果不支援建立該對象的瀏覽器，則需要建立 ActiveXObject，具體方法如下： 複製代碼 代碼如下: var xmlHttp; function

我們都知道，AJAX的一大限制是不允許跨域請求。 不過通過使用JSONP來實現。JSONP是一種通過指令碼標記注入的方式，它是可以引用跨域URL的js指令碼，不過需要提供一個回呼函數（必須在您自己的頁面上），因此，你可以自己處理結果。 讓我們看看JSONP的是怎麼在jQuery，MooTools的，Dojo Toolkit中實現的。 jQuery的JSONPjQuery.getJSON方法：Js代碼 複製代碼 代碼如下:jQuery.getJSON("http://search.twitter.

隨著互連網時代的發展，web前端已經和後台資料掛鈎，作為web前端僅僅不是只切圖寫寫html，css  和簡單js互動。js  code$(function() { var page = 1; var discount = $('#discount'); var innerHeight = window.innerHeight; var timer2 = null; $.ajax({ url:

 簡介文本將示範怎麼在滾動捲軸時從伺服器端下載資料。用AJAX技術從伺服器端載入資料有助於改善任何web應用的效能表現，因為在開啟頁面時，只有一屏的資料從伺服器端載入了，需要更多的資料時，可以隨著使用者滾動捲軸再從伺服器端載入。背景是Facebook促使我寫出了在捲軸滾動時再從伺服器載入資料的代碼。瀏覽facebook時，我很驚訝的發現當我滾動頁面時，新的來自伺服器的資料開始插入到此現存的資料中。然後，對於用c#實現同樣的功能，我在互連網上了尋找了相關資訊，但沒有發現任何關於用c#實現

最近嘗試做出一個部門和人員的下拉框聯動功能，部門和人員的對應關係是1:N複製代碼 代碼如下:<div class="forntName">部門</div> <div class="inpBox"> <select  name="department" id="department"  onchange="change();" style="width:200px;" > <option

今天做項目，幾乎所有的提交都是通過ajax來提交，我測試的時候發現，每次提交後得到的資料都是一樣的，調試可以排除後台代碼的問題，所以問題肯定是出在前台。每次清除緩衝後，就會得到一個新的資料，所以歸根到底就是瀏覽器緩衝問題。糾結了很久，終於解決了，在這裡總結一下。我們都知道ajax能提高頁面載入的速度主要的原因是通過ajax減少了重複資料的載入，也就是說在載入資料的同時將資料緩衝到記憶體中，一旦資料被載入其中，只要我們沒有重新整理頁面，這些資料就會一直被緩衝在記憶體中，當我們提交

一個頁面好像只能有一個 window.onload=function(){}，所以要有多個事件，這樣寫就好了 複製代碼 代碼如下: window.onload=function(){ //假設這裡每個五分鐘執行一次test函數 publicBusi(); personBusi(); } function publicBusi(){ setTimeout(personBusi,1000*60*7);//這裡的1000表示1秒有1000毫秒,1分鐘有60秒,7表示總共7分鐘

複製代碼 代碼如下: <script> window.onload=function(){ upfile('file.php'); } /* ** url 路徑 **/ function upfile(url){ //建立iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = 'iframeName'; iframe.name =

複製代碼 代碼如下: /** * Ajax分頁功能 * 在需要分頁的地方添加<ul class="pagination"></ol> * 作為分頁組件容器元素。 * pageCount 總頁數 * currentPage 當前頁數 * container 帶有pagination類的ol容器元素 * loadData 用於載入資料的函數 * version 1.0 */ pagination : function(pageCount, currentPage,

這篇文章，是我不知道什麼是ajax到熟練運用ajax的一個曆程。一，最原始的方式來運用ajax複製代碼 代碼如下:<SCRIPT language=javascript>var xmlHttp;function createXMLHttpRequest() {if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}else if (window.XMLHttpRequest)

JQuery版 複製代碼 代碼如下: $.ajax({ url : "order/order_orderDetail.do?params.type=merge", type : "post", data : params, success : function(xml) { hide(); if(xml == ""){ Dialog.popTip("找不到需要合并的訂單", 2); }else{ var myTable=document.getElementById( "t_product" )

折騰了半天，程式中使用jquery的load方法進行請求，很奇怪為啥第二次無法發送請求。百度了一把，誰知load是用get方式進行請求的，因此IE瀏覽器對其進行緩衝了。網上搜了很多解決方案，一大把，下面是我認為比較全面的解決方案。主要分為用戶端解決和服務端解決。1.用戶端解決方案IE存取原則：Internet選項--瀏覽歷程記錄--設定-- Internet 臨時檔案的選項改為每次訪問網頁時也可以 1: 在AJAX請求的頁面後加個隨機函數,我們可以使用隨機時間函數

情境假如有兩個網域名稱不同的伺服器， a.com和b.com, 在b.com/b_return_js.php這個介面裡， 可以擷取一些資料。 當然，假如是b.com的頁面裡， 可以使用ajax, 直接請求這個介面， 但如果在a.com的頁面裡如果請求呢。b_return_js.php的介面代碼：複製代碼 代碼如下:$a = array(    array('username'=>'tony', 'age'=>25),   

複製代碼 代碼如下: //javascript Object: ajax Object//Created By RexLeefunction Ajax(url,data){    this.url=url;    this.data=data;    this.browser=(function(){        &

jquery外掛程式源碼:/*** 對jquery中$.ajax進行封裝，以便加入鎖屏功能* isAsync 是否為非同步請求，預設為true* isLock 是否鎖屏，預設是true* isCache 是否從瀏覽器緩衝中載入資訊，預設是fasle***/;(function($) {$.fn.doPost = function(settings) {settings = jQuery.extend({isAsync:true,type : "post",url : null,dataType

本文執行個體講述了javascript中AJAX用法。分享給大家供大家參考。具體分析如下：相容地獲得XMLHttpRequest對象：var xhr = null; if(window.XMLHttpRequest){ //非IE瀏覽器 xhr = window.XMLHttpRequest; }else if(window.ActiveXObject){ //IE瀏覽器 try{ //高版本，受msxml3.dll+支援 xhr = new

經常使用百度搜尋的同學，一定不會忽視輸入框的下拉索引，它是如此方便，然而得天獨厚的條件使得這項非同步技術多少面臨些考驗，高並發的服務端請求督促著他們的前端攻城師必須儘可能地減少發送ajax的次數。聽起來似乎與本文無關，但並不是這樣。首先就暫且讓我們為百度免費做個廣告吧。在百度首頁輸入“前端”一詞，利用chromebug可以很輕鬆地看到所發送的響應，結果顯示如下：複製代碼