ajax方式實現區域性重新整理

2021-09-03 07:07:23 字數 1071 閱讀 8909

利用js向服務端傳送請求,並且響應請求,分3要點

1.向後端處理頁面傳送請求

function input()
2.監聽響應 處理響應

function callback() = {

if (req.readystate === 4) {

if (req.status === 200) {

//接收資料

var datastr = req.responsetext;

//分割資料

var str = datastr.split("&");

var mytable = document.getelementbyid("table1");//獲取table

var newtr = mytable.insertrow(); //table插入新的tr

/* document.getelementbyid("result").innerhtml = str[0]; */

for(var i=0;i3.ajax的階段性引數readystate的含義

0 - (未初始化)還沒有呼叫send()方法

1 - (載入)已呼叫send()方法,正在傳送請求

2 - (載入完成)send()方法執行完成,已經接收到全部響應內容

3 - (互動)正在解析響應內容

4 - (完成)響應內容解析完成,可以在客戶端呼叫了

4.servlet處理**

request.setcharacterencoding("utf-8");

response.setcharacterencoding("utf-8");

//設定資料型別返回資料型別

response.setcontenttype("text/plain");

//設定禁用快取

response.setheader("cache-control","no-cache」);

響應資料的格式由servlet設定contenttype決定:

text/xml   xml

text/html  html

text/plain  文字

C 利用ajax實現區域性重新整理

c 所有runat server 的控制項都會造成整個介面的重新整理,如果想實現區域性重新整理,可以利用ajax。需要加入的控制項有scriptmanager和updatepanel,可以實現只重新整理updatepanel內的內容。注意 1.scriptmanager要放在updatepanel的...

pajax實現區域性重新整理效果

我這以ci框架為例。1 準備工作 2 首次載入頁面 php public function hot list html 123 1jquery document ready function document pjax 區域性載入請求路徑,父頁面區域divid,3 區域性重新整理請求的內容 php ...

vue 實現區域性元件重新整理

1 provide inject 方法 isactive div template export default data method script 然後再用到的頁面引入,然後使用 export default script 2 利用 v if 直接操作元件 isshow export defau...