前端学习（1424）：ajax低版本兼容问题
生活随笔
收集整理的這篇文章主要介紹了
前端学习（1424）：ajax低版本兼容问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
ajax.js
// 引用expess框架 const express = require('express'); // 處理路徑 const path = require('path');const bodyParser = require('body-parser'); const fs = require('fs');// 創(chuàng)建網(wǎng)站服務(wù)器 const app = express(); app.use(bodyParser.json()); app.get('/first', (req, res) => {res.send('hello geyao') }) app.get('/responsdate', (req, res) => {res.send({ "name": "geyao" }) }) app.post('/post', (req, res) => {res.send(req.body); }) app.get('/get', (req, res) => {res.send(req.query); }) app.post('/json', (req, res) => {res.send(req.body); }) app.get('/readystate', (req, res) => {res.send('hello'); }) app.get('/error', (req, res) => {res.status(400).send('not ok'); }) app.get('/cache', (req, res) => {fs.readFile('./text.txt', (err, result) => {res.send(result);}); }) app.use(express.static(path.join(__dirname))); // 監(jiān)聽端口 app.listen(3000); console.log('網(wǎng)站服務(wù)器啟動成功, 請訪問localhost')ajax7.html
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><button id="btn">發(fā)送ajax請求</button><script>var btn = document.getElementById('btn');btn.onclick = function() {var xhr = new XMLHttpRequest();xhr.open('get', 'http://localhost:3000/cache?t=' +Math.random());xhr.send();xhr.onreadystatechange = function() {//if (xhr.readyState == 4 && xhr.status == 200) {//屬性獲取狀態(tài)碼console.log(xhr.responseText);}}}</script> </body></html>運行結(jié)果
總結(jié)
以上是生活随笔為你收集整理的前端学习（1424）：ajax低版本兼容问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 读WebTrends的Javascrip
- 下一篇： 前端学习（1311）:请求报文