Ajax 頁面無刷新技術學習(GET)
Ajax是一種新的技術,因為不用重新整理頁面就可以讀取資訊,實現對頁面的區域性重新整理,這樣就減少了對全部頁面進行重新整理所帶來的時間響應問題,經過很長時間的學習研究,終於在該技術的學習上有了新的突破,目前的學習還很幼稚，有待提高，下面是本次實踐的成果
//script.js
function InitAjax()
{
var ajax=false;
try {
ajax = new ActiveXObject(”Msxml2.XMLHTTP”);
} catch (e) {
try {
ajax = new ActiveXObject(”Microsoft.XMLHTTP”);
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!=’undefined’) {
ajax = new XMLHttpRequest();
}
return ajax;
}
function getNews(newsID)
{
//如果沒有把引數newsID傳進來
if (typeof(newsID) == ‘undefined’)
{
return false;
}
//需要進行Ajax的URL地址
var url = “index.php?id=”+ newsID;
//獲取新聞顯示層的位置
var show = document.getElementById(”msg”);
show.innerHTML = “正在載入…”;
//例項化Ajax物件
var ajax = InitAjax();
//使用Get方式進行請求
ajax.open(”GET”, url, true);
//獲取執行狀態
ajax.onreadystatechange = function() {
//如果執行是狀態正常，那麼就把返回的內容賦值給上面指定的層
if (ajax.readyState == 4 && ajax.status == 200) {
show.innerHTML = ajax.responseText;
}else{
show.innerHTML = “載入失敗…原因：” + ajax.statusText;
}
}
//傳送空
ajax.send(null);
}
//index.php
<?php
//防止中文亂碼,設定GET方式傳送請求的編碼方式
header(”Content-type: text/html;charset=GB2312″);
$id=$HTTP_GET_VARS[”id”];
?>
<!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>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>學習Ajax</title>
</head>
<body>
<div align=”center”>
<?php
if($id==NULL) die(”引數傳遞失敗!”);
if($id==1){
?>
1你好
<?php
}else{
?>
2你好
<?php
}
?>
</div>
</body>
</html>
//index.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>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<script language=”JavaScript” type=”text/javascript” src=”script.js” mce_src=”script.js”></script>
<title>學習Ajax</title>
</head>
<body>
<div align=”center”>
下面是動態顯示的Ajax服務端訊息:
<a href=”#” mce_href=”#” onClick=”getNews(1)”>訊息1</a>
<a href=”#” mce_href=”#” onClick=”getNews(3)”>訊息2</a>
<table border=”1″ cellpadding=”0″ cellspacing=”0″ bordercolor=”#999999″ bgcolor=”#FFFFFF”>
<tr><td>
<div id=”msg”>預設訊息</div>
</td></tr>
</table>
</div>
</div>
</body>
</html>
相關推薦
Ajax 頁面無刷新技術學習(GET)
Ajax是一種新的技術,因為不用重新整理頁面就可以讀取資訊,實現對頁面的區域性重新整理,這樣就減少了對全部頁面進行重新整理所帶來的時間響應問題,經過很長時間的學習研究,終於在該技術的學習上有了新的突破,目前的學習還很幼稚，有待提高，下面是本次實踐的成果 //script.js
2017-6-6 Ajax版頁面無刷新三級聯動
實現 aps hid null .cn acl js代碼 classes nbsp 實現效果： 頁面代碼： <div> <select id="sel1" style="width:100px;">
ajax無刷新技術
spa form mar 數據 change cati tex microsoft activex 第一步：創建ajax引擎 var xmlhttp=""; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest();
.net Ajax無刷新技術
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><script type="text/
Ajax實現頁面無刷新發表評論 for Php
大家都有在網站發表評論的經歷，傳統的發表過程無非是：發表－>提交頁面表單－>等待重新整理頁面，這樣在網路比較擁擠的時候，往往需要漫長的等待，今天介紹用PHP+Ajax實現頁面無刷新發表評論，希望對初學ajax的PHPer有所幫助。 那麼首先，我們需要一個基本
Ajax實現無刷新分頁
modify ble nbsp 合取 -type article -c height 文件中 註：本文中使用到的一些類庫在前面文章都能找到源代碼，我會在文中指明鏈接所在，為了縮短文章篇幅，由此帶來的閱讀不便，敬請諒解。 本文講解 Ajax 實現無刷新分頁、實現原理、代碼展示
使用iframe實現頁面無刷新提交表單
fin 友好 frame you itl 圖片 項目需求 scripts tel iframe提交表單其實比ajax要方便一些，當然ajax也有ajax的好處，只是ajax編碼處理有時有些麻煩，雖然經過轉碼是可以解決中文問題，但如果直接使用iframe不存這些問題了,下面來
AJAX PHP無刷新form表單提交的簡單實現(推薦)
username mime win root 支持 對象 希望 meta {} 下面小編就為大家帶來一篇AJAX PHP無刷新form表單提交的簡單實現(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 ajax.php <
頁面無刷新切換實現
替換 att 返回 .ajax www. ava 面包屑 web lis 說明：針對有些後臺為了實現不刷新固定資源，如菜單，會需要局部切換刷新頁面，實現方式如下： 方式一： $.ajax({ type: ‘post‘, url: webRoot+url, dat
多可文件管理系統頁面動態刷新技術
多可文件管理系統是一個基於B/S結構（Browser/Server，瀏覽器/伺服器模式）的系統，頁面中大量使用了局部動態刷新技術。JavaScript函式如下： function compressResult(url, params) { var style = "
PHP+Ajax+plupload無刷新上傳頭像代碼
func err min 多文件 進度 數據 優先級 .com ajax 很簡單的一款PHP+Ajax+plupload無刷新上傳頭像代碼，兼容性很好，可以直接拿來用。你可以自定義各種類型的文件。本實例中只能上傳"jpg", "png", "gif", "jpeg"等圖片文
使用Ajax無刷新頁面登錄
fun pwd tag rip window log req ajax load <script> window.onload = function () { var myname = document.getElemen
無刷新分頁 Ajax,JQuery,Json
oid 語句 字段 eve msg .html 分享 roc pro 1.數據庫設計字段：Id(int) , Msg(varchar(MAX)) , PostDate(datetime) 2.自定義SQL查詢方法(強類型DataSet) //SelectCount()方法,
input ,button, textarea 1)使用disabled , 2) 顯示值, 3) 表單提交. 4) jquery.form.js ajaxSubmit() 無刷新ajax提交表單.
成功 isa post key input 技術分享 and () 去除 1.使用disabled input , button textarea 可以 被 禁用, 禁用的效果 : 1) 上面的點擊事件無法使用 --- button : 下面的 oncli
Ajax回退刷新頁面問題的解決辦法
必須 自動 是我 ret 處理器 diff 不支持 一起學 資料 在腳本之家看到一篇文章，覺得以後可能會用上，但是竟然不能收藏，所以只能將其轉到博客園。 以下是原文地址： http://www.jb51.net/article/87856.htm 這篇文章主要介紹了Aj
ie8實現ajax無刷新文件上傳
col tran scrip 提取 title url public class ade ie8由於無法使用FormData，想要無刷新上傳文件就顯得比較麻煩。這裏推薦使用jQuery-File-Upload插件，它能夠很方便的解決ie8無刷新文件上傳問題。（最低兼容到ie
form 無刷新頁面提交表單
刷新 提交表單 無需 目標 none isp one log pos 表單可實現無刷新頁面提交，無需頁面跳轉，如下: 通過一個隱藏的iframe實現， form表單的target設置為iframe的name名稱，form提交目標位當前頁面iframe則不會刷新頁面 <
通過Ajax使用FormData對象無刷新上傳文件
syn () upload img ces 對象 content cache manage var oMyForm = new FormData(); oMyForm.append("username", "Groucho"); oMyForm.append("accoun
Ajax PHP JavaScript MySQL實現簡易的無刷新在線聊天室
main pro 一個 xhr 需要 r+ char 最大的 請求 思路 消息顯示區 發消息 板塊 消息顯示 消息發送 優化 顯示非重復性的數據 優化顯示 加上滾動條 每次都顯示最新消息 完整代碼 前端代碼 數據庫表結構 服務器端代碼
AJAX(非同步刷新技術)
大家都知道，可以用表單把JSP頁面的值提交到後臺，但是還有另外一種方式，就是用AJAX（非同步刷新技術）把JSP頁面提交到後臺，今天我就給大家講講如何用AJAX（非同步刷新技術）把JSP頁面提交到後臺，他們兩個其實是一起用的，你不用AJAX的時候你的表單裡面只能