>[danger]**get & post 封裝:**
~~~
//DOM節點捕獲封裝
function $(selector){
return document.querySelector(selector);
}
//ajax 兼容性封裝
function createXhr(){
try{
return new XMLHttpRequest();
}catch(e){}
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){}
alert('該瀏覽器不支持Ajax!!');
}
//ajax get方式封裝
Function.prototype.get = function(url,data,func,async=true){
//創建ajax對象
var ajax = createXhr();
//設置回調函數
ajax.onreadystatechange = function(){
if(ajax.readyState == 4 && ajax.status==200){
var res = ajax.responseText;
func(res);
}
}
//初始化ajax請求
ajax.open('get',url+'?'+data,async);
//發送ajax請求
ajax.send();
}
//ajax post方式封裝
Function.prototype.post = function(url,data,func,async=true){
//創建ajax對象
var ajax = createXhr();
//設置回調函數
ajax.onreadystatechange = function(){
if(ajax.readyState == 4 && ajax.status==200){
var res = ajax.responseText;
func(res);
}
}
//初始化ajax請求
ajax.open('post',url,async);
//設置請求頭部
ajax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//發送ajax請求
ajax.send(data);
}
~~~
>[danger]調用:
~~~
//func 為函數,調用整個函數的時候,在參數列表里面寫函數體
$.get('./GET/do_reg_get.php','name=admin',function(res){
var res = eval('('+res+')');
console.log(res);
});
~~~
>[info] `eval('('+json數據+')')` //將json數據轉化為對象
- 概要
- HTML
- CSS
- PHP
- Mysqli
- Mysqli 連接查詢
- Mysqli 左外連接查詢
- Mysqli 右外連接查詢
- JavaScript
- JS 變量和常量的定義
- JS 運算符
- JS 流程控制
- JS 函數
- JS 數組
- JS數據類型
- JS 錯誤處理
- JS作用域
- JS 節點操作
- JS 遺留DOM
- JS 閉包
- JS 對象(構造函數)
- JS JSON
- JS 節點屬性操作
- JS 設置CSS樣式
- JS 獲取元素位置
- JS 事件
- JS 內置對象
- String 對象
- Date 對象
- Array 對象
- Math 對象
- Window 對象
- navigator 對象
- screen 對象
- location 對象
- Ajax
- 創建 Ajax 對象(兼容)
- AJax 對象屬性和方法
- Ajax get 五步驟
- Ajax post 六步驟
- Ajax get&post 封裝
- XML
- XML 語法&格式
- DOM 節點創建XML
- PHP 創建XML
- xmlwrite 類創建XML
- xmlReader 類解析xml
- JQuery
- JQuery 選擇器
- JQuery 事件
- JQuery 節點之間的操作
- JQuery html屬性設置
- JQuery Class屬性設置
- JQuery CSS樣式設置值
- JQuery 文本內容獲取
- JQuery 動畫特效
- JQuery 數組&對象遍歷
- JQuery 對象擴展方法
- JQuery Ajax操作
- JQuery Pjax
- JQuery Layer前端框架
- JQuery validation 插件
- ThinkPHP5
- 數據庫配置
- 基本操作
- 查詢構造器
- 查詢數據
- 增加數據
- 更新數據
- 刪除數據
- Session
- Cookie
- Linux
- 指令分類
- 文件屬性
- 文件處理命令
- 幫助命令
- 解壓縮命令
- 網絡通信命令
- 系統開關機
- Shell使用技巧
- VIM+vi 指令