Time of Update: 2017-01-18
之前一直在寫JQUERY代碼的時候遇到AJAX載入資料都需要考慮代碼運行順序問題。最近的項目用了到AJAX同步。這個同步的意思是當JS代碼載入到當前AJAX的時候會把頁面裡所有的代碼停止載入,頁面出去假死狀態,當這個AJAX執行完畢後才會繼續運行其他字碼頁面假死狀態解除。 而非同步則這個AJAX代碼運行中的時候其他代碼一樣可以運行。 jquery的async:false,這個屬性 預設是true:非同步,false:同步。 複製代碼 代碼如下: $.ajax({ type: "post",
Time of Update: 2017-01-18
在工作中用了Ajax N多次了,也看過一些相關方面的書籍,也算是認識了它,但是一直沒有認真總結和整理過相關的東東,失敗! 近有閑情,將之總結如下: 【名稱】 Ajax是Asynchronous JavaScript and XML(以及 DHTML 等)的縮寫。 詳情請移步Ajax: A New Approach to Web Applications 【原理】
Time of Update: 2017-01-18
對於使用ajax來請求資料已經不是第一次使用(一直覺得也就那麼回事),就在昨天居然遇到了一個問題?項目中需要用到ajax來進行資料的請求,於是三下五除二的將ajax代碼拷貝到項目中,前端,後台資料處理完畢,測試(心想可以休息下下了),誰知資料成功返回、前端沒報錯,後台也沒錯,硬是沒有執行success回呼函數,心涼了一半。 接下來就是找原因,查看原先代碼,百度,json格式檢查,終於發現問題所在 罪魁禍首居然是Jquery版本所引起的。 Jquery版本:jquery-1.9.0.min.js
Time of Update: 2017-01-18
ajaxtext1.jsp 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <script type="text/javascript" language="javascript" src="jquery.js"></script> <!-- 必須包含 jquery.js檔案,否則將無法傳值--> <head>
Time of Update: 2017-01-18
問題出現原因: 1. ie下面只會建立一次 ajax 請求,將響應結果放在瀏覽器緩衝裡 下次調用該ajax請求時 從緩衝裡讀取 get方式時,擷取資料,因發送參數和地址都一致,故IE瀏覽器會從緩衝中取,而不會去請求伺服器端,而post方式因為參數的不同,不會產生這個問題 2. Firefox下面 每次啟用事件 都會重建立立一次ajax請求 解決方案: 1: 在AJAX請求的頁面後加個隨機函數,我們可以使用隨機時間函數 在javascript發送的URL後加上t=Math.random()
Time of Update: 2017-01-18
複製代碼 代碼如下: <?php if($_FILES){ ?> <script> window.parent.ajaxUploadPicture.uploadCallback('yun_qi_img/5099213b07eca8065380ce7f75e95dda144ad348269.jpg'); </script> <?php die; } ?> <!DOCTYPE html> <html> <head>
Time of Update: 2017-01-18
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>ajax分頁</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> function loadXMLDoc($url) { var xmlhttp; if
Time of Update: 2017-01-18
複製代碼 代碼如下: <script type="text/javascript"> $(document).ready(function() { $('.edit_link').click(function() { $('.text_wrapper').hide(); var data=$('.text_wrapper').html(); $('.edit').show(); $('.editbox').html(data); $('.editbox').focus(); });
Time of Update: 2017-01-18
今天JS練手的時候,想封裝一個發送AJAX請求的對象,當然,是想要相容全瀏覽器的。代碼如下: 複製代碼 代碼如下: var Ajax = { xhr: null, callback: null, XMLHttp: function() { var xmlhttp; //標準瀏覽器 if(window.XMLHttpRequest) { try { xmlhttp = new XMLHttpRequest(); } catch(e) { alert('Unknown Ajax Error'); /
Time of Update: 2017-01-18
1.樣式 複製代碼 代碼如下: <style type="text/css"> <!-- body{background:#fff} .Menu { position:relative; width:180px; height:120px; z-index:1; background: #EEE; border:1px solid #666; margin-top:-100px; display:none; } .Menu2 { position: absolute;
Time of Update: 2017-01-18
本例用了jquery.form.js請到示範頁面查看 CSS Code 複製代碼 代碼如下: <style> form { display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px } #progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px;
Time of Update: 2017-01-18
1.建立 a.html 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax調用</title> </head> <body> <form action='b.php' method='post' name='' id='' target='formTarget'>
Time of Update: 2017-01-18
引言:ajax非同步傳輸,可以傳輸字串,但是數組這樣的資料,就不太好傳遞了,這個時候怎麼辦呢?答案是可以通過json來處理,後台將資料資料進行json編碼!然後用戶端,通過js來進行解析。這樣問題就解決了!json是一種很好的資料格式!我做的是非同步判斷某堂課是否處於上課狀態,會從後台介面中擷取數組資料!共四堂課,代碼如下:複製代碼 代碼如下:function
Time of Update: 2017-01-18
需要的JAVA類 複製代碼 代碼如下:package com.ajaxlab.ajax; import java.util.ArrayList; import java.util.Collection; import java.util.Iterator; import org.jdom.Document; import org.jdom.Element; import org.jdom.input.SAXBuilder; import
Time of Update: 2017-01-18
1.Ajax.html複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Ajax</
Time of Update: 2017-01-18
現在比較流行的一款Ajax風格的網頁Loading,多見於一些大量使用Ajax技術的網站中,頁面載入時會自動顯示提示資訊,帶載入動畫效果,網頁載入完自動消失,是一款正在具有Loading功能的網頁進度條。Loading [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-18
在這裡,假設讀者瞭解基本的 ajax 技術或更多。我僅僅闡述一個現象,一個解決方案;原因、 原理,同樣不清楚 …… 我們先從簡單的著手, servlet傳值到JSP頁面js 指令碼中,利用指令碼將相關值顯示在頁面。解決這個方向(servlet——javascript)的中文亂碼問題很簡單。只需要在 servlet中,添加一個 編碼設定: 複製代碼 代碼如下: response.setContentType("text/html;charset=UTF-8");
Time of Update: 2017-01-18
複製代碼 代碼如下: var xmlhttp = null; function myajax() { //1、建立XMLHttpRequest對象 //2、需要針對IE和其它瀏覽器建立這個對象的不同方式寫不同的代碼 if (window.XMLHttpRequest) { //針對FF,Mozilar,Opera,Safari,IE7,IE8 xmlhttp = new XMLHttpRequest(); //修正某些瀏覽器bug if (xmlhttp.overrideMimeType) {
Time of Update: 2017-01-18
複製代碼 代碼如下: function creatajax(){ var ajax=null; if (window.XMLHttpRequest){ //對於Mozilla、Netscape、Safari等瀏覽器,建立XMLHttpRequest對象 ajax = new XMLHttpRequest(); if (ajax.overrideMimeType){ //如果伺服器響應的header不是text/xml,可以調用其它方法修改該header
Time of Update: 2017-01-18
Ajax引擎對象中的方法: abort() 停止當前請求 getAllResponseHeaders() 作為字串返回完整的headers getResponseHeader ("headerLabel")作為字串返回單個的header標籤 open("method","URL"[,asyncFlag[,"userName"[,"password"]]]) 建立對伺服器的調用。method參數可以是GET、POST或PUT,url參數可以是相對URL或絕對URL send(content)