jq 和ajax

阿新 • • 發佈：2021-01-13

技術標籤：jq和ajax

jq 和ajax


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // ajax函式封裝 

        // method請求方式，可以是get / post
        // url 請求路徑
        // param 請求引數
        // callback 回撥函式
        function ajax(method, url, param, callback) {
            const xhr = new XMLHttpRequest();
            // 請求的方式判斷
            if (method === 'get') {
                xhr.open('get', `${url}?${param} 
`)
            } else {
                xhr.open('post', url);
                xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            }

            xhr.onload = function() {
                const jRes = JSON.parse(xhr.responseText);
                callback(jRes);
            } 


            if (method === 'get') {
                xhr.send();
            } else {
                xhr.send(param)
            }
        }

        // 傳送get請求測試
        ajax('get', 'http://127.0.0.1:3001/validate', 'userName=tom', function(res) {
            console.log(res)
        })

        // 傳送 post請求測試
        ajax('post', 'http://127.0.0.1:3001/toHuoxing', 'content=葬愛家族表示頭禿', function(res) {
            console.log(res)
        })

    </script>
</head>
<body>
    
</body>
</html>

1 先判斷get 和 post請求 , 傳送url , get請求param在url裡進行拼接 , post要在open後傳送請求頭 , 讓瀏覽器知道是post請求

2 在onload裡 , 將接收資料轉換json資料 ,利用callback回撥函式傳出

3 判斷請求型別 get就直接send傳送 post的話 send中傳送param引數

jq 和ajax

技術標籤：jq和ajax jq 和ajax <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

Springmvc和ajax如何實現前後端互動

springmvc使用@RequestBody來獲取前端的json字串並轉化為java物件使用@ReponseBody來將返回的java物件轉換為json形式返回前端

關於IE下的頁面快取和Ajax請求問題

ASP.NET幾種清除頁面快取的方法在asp.net中使用模式dialog時，你會發現每次開啟的頁面都是相同的內容，頁面內容並沒有重新整理，這是快取的原因造成的，

axios和ajax的區別及優缺點

ajax： 1、什麼是ajax 　　Ajax是對原生XHR的封裝，為了達到我們跨越的目的，增添了對JSONP的支援。

JSON和AJAX

Web1.0時代早期網站，登入如果失敗，需要重新整理頁面，才可以重新登入而現在大多數網站，都是區域性重新整理，不重新整理整個頁面的情況下，實現頁面重新整理

細談 axios和ajax區別

剛剛接觸axios有好多疑惑。它和ajax有什麼關係呢和區別呢？接下來一起看下：1.區別axios是通過promise實現對ajax技術的一種封裝，就像jQuery實現ajax封裝一樣。簡單來說： ajax技術實現了網頁的區域性資料重新整理，

java中支援前端jq通過ajax提交（post)json內容到控制器

public class TestFilter implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

關於圖片載入後遍歷和 ajax遍歷

需求：根據圖片的豎圖、橫圖（比較長寬），用不同的樣式。橫圖：width：100%；豎圖：height： 100%。需要相容ie8

layui富文字域form表單提交和ajax提交獲取編輯器內容詳解

最近寫專案中需要用到LayUI富文字編輯器，提交時發現富文字編輯器中內容是空的，查了很多資料才發現，LayUI在渲染富文字域時，是在下面插入的樣式程式碼。我們頁面上定義的是一個textarea標籤，之後用JS渲染的。我們

jq的ajax與axios與fetch的比較

1.jq的ajax是對原生的xhr進行的封裝，封裝的基本上很全面，沒啥大的毛病；但是一般來說，做jq專案，還是很有必要用promise進行二次封裝成自己需要的；

axios和ajax對響應是檔案流用blob處理

先看axios請求處理，下載檔案 this.$axios.get(api.exportMortgageOrderExcelVisit, { params: params, responseType: \'blob\'})

python和Ajax在一起了？真的？？？

Ajax動態網頁載入爬取新浪微博某關鍵詞下的資訊前言有些時候我們使用瀏覽器檢視頁面正常顯示的資料與使用requests抓取頁面html得到的資料不一致，這是因為requests獲取的是原始的HTML文件，而瀏覽器中的頁面是經

Vue入門語法（二）表單，元件，路由和ajax

一、表單用 v-model 指令在表單控制元件元素上建立雙向資料繫結。簡言之：就是模板表單中的某一個元素標籤值與js物件的data建立一一對應的關係。什麼都不寫，Vue自帶繫結。

jQuery中$.get、$.post、$.getJSON和$.ajax的用法

1、$.get $.get()方法使用GET方式來進行非同步請求，它的語法結構為： $.get( url [, data] [, callback] )

XMLHttpRequest 和 AJAX

XMLHttpRequest Ajax 是一種技術方案，但並不是一種新技術，它依賴的是現有的 Css / Html / JavaScript。

XMLHttpRequest 和 AJAX 2

對於Ajax，肯定很多小夥伴都聽過甚至用過了，那麼沒聽過的也不用著急，本文會對Ajax進行講解，其次，一定還有一些人只用過JQuery封裝好了的Ajax卻對原生的Ajax並不瞭解，那麼也不用著急，本文從最基本的Ajax開始講起

框架 Spring Boot 技術入門到整合 7-3 Springboot配置全域性的異常捕獲 -同時相容web和ajax

0　　　　課程地址 https://www.imooc.com/video/16725 1　　　　課程demo 1.1　　課程demo（前兩節的一個整合）

使用JQ的AJAX json前後端傳值例項（POST方式） | PHP Ajax傳值示例

使用JQ的AJAX 以json資料方式將前端輸入框值傳入到後端例項（POST方式） PHP Ajax傳值示例

axios和Ajax的對比

技術標籤：JavaStudy2020vueajax ajax： 1、什麼是ajax Ajax是對原生XHR的封裝，為了達到我們跨越的目的，增添了對JSONP的支援。

簡單的js提示框,僅僅用jq和css就可以

首先定義一個盒子 1 .pop { 2position: fixed; 3top: 20%; 4left: 50%; 5transform: translate(-50%);

jq 和ajax

jq 和ajax

相關推薦