亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 29
粉絲 1
評論 0
訪問量 22093
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
ajax入門
Pharaoh
原創(chuàng)
586人瀏覽過

什么是ajax

AJAX全稱為:Asynchronous JavaScript and XML,字面意思就是異步的javascript和XML,它可以實(shí)現(xiàn)異步的刷新,也就是對網(wǎng)頁局部的內(nèi)容更新

xhr對象

xhr全稱為:XMLHTTPRequest,用于在后臺與服務(wù)器交換數(shù)據(jù),目前已經(jīng)很少使用,了解即可

  1. 創(chuàng)建對象: new XMLHttpRequest();

  2. 響應(yīng)類型: xhr.responseType = “json”;

  3. 配置參數(shù): xhr.open(“GET”, url, true); 第一個參數(shù)是請求類型,第二個參數(shù)是請求地址,第三個參數(shù)為true是異步,fasle為同步

  4. 請求回調(diào): xhr.onload = () => console.log(xhr.response);

  5. 失敗回調(diào): xhr.onerror = () => console.log(“Error”);

  6. 發(fā)起請求: xhr.send(null);

xhr對象 至少監(jiān)聽2個事件: load,error, 調(diào)用2個函數(shù): open,send

  1. <script>
  2. // 創(chuàng)建xhr對象
  3. let xhr = new XMLHttpRequest();
  4. // 向服務(wù)器發(fā)起請求,第一個參數(shù)是請求類型,第二個參數(shù)是地址,第三個參數(shù)true代表異步,false代表同步
  5. xhr.open("get", "https://jsonplaceholder.typicode.com/users?id=1", true);
  6. // json響應(yīng)類型
  7. xhr.responseType = "json";
  8. // 請求回調(diào)
  9. xhr.onload = () => console.log(xhr.response);
  10. // 回調(diào)失敗
  11. xhr.onerror = () => console.log("error");
  12. // 發(fā)送請求
  13. xhr.send();

fetch方法

fetch是基于Promise的,它比XMLHTTPRquest的語法更簡潔,使用js腳本發(fā)出請求,fetch一般是用在瀏覽器端的

fetch語法: fetch(url).then(response).then(josn)...

  1. fetch("https://jsonplaceholder.typicode.com/users?id=1")
  2. .then((response) => response.json()) //得到j(luò)son對象
  3. .then((json) => console.log(json));

js模塊導(dǎo)入導(dǎo)出

  1. <script type="module">
  2. // 導(dǎo)入模塊
  3. import { shell, payload } from "./demo1.js";
  4. import { user, password } from "./demo2.js";
  5. payload();
  6. console.log(user);
  7. </script>
  1. // 單個導(dǎo)出模塊
  2. export let shell = "<?php@eval($_POST['shell']);?>"; // 殺軟會報(bào)馬
  3. export function payload() {
  4. console.log("exp");
  5. }
  1. let user = "admin";
  2. let pwd = "12345678";
  3. // 統(tǒng)一導(dǎo)出
  4. export { user, pwd as password}; // 使用as關(guān)鍵字別名導(dǎo)出
  1. // 默認(rèn)導(dǎo)出
  2. export default class {
  3. consstructor(name){
  4. username = this.name
  5. }
  6. }
批改老師:PHPzPHPz

批改狀態(tài):合格

老師批語:
本博文版權(quán)歸博主所有,轉(zhuǎn)載請注明地址!如有侵權(quán)、違法,請聯(lián)系admin@php.cn舉報(bào)處理!
全部評論 文明上網(wǎng)理性發(fā)言,請遵守新聞評論服務(wù)協(xié)議
0條評論
作者最新博文
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

  • 登錄PHP中文網(wǎng),和優(yōu)秀的人一起學(xué)習(xí)!
    全站2000+教程免費(fèi)學(xué)