AJAX
关注
分享
扫一扫
文章平均质量分 56
AJAX探索
boboj1
web前端在职两年
展开
-
ajax实现文件上传
<!-- ajax上传文件 --> <h1>ajax上传文件</h1> <form action="/imgUpload" method="post" enctype="multipart/form-data"> <input type="file" name="imgfile" id="imgInput"> <div id="sBtn">上传</div> &...原创 2021-07-27 12:51:06 · 210 阅读 · 0 评论 -
《原神》官网首页练习
完成效果项目数据通过ajax请求data中的数据然后通过js动态渲染到页面中AJAX的封装请求的主要代码 function getInfo(index) { let message = null; switch (index) { case 0: $ajax({ method: 'get', url: '../data/newest.json', success: function (da原创 2021-07-20 12:42:12 · 2138 阅读 · 2 评论 -
百度搜索框案例，jsonp实现搜索功能
想要实现该功能得先有一个接口–>百度搜索框数据接口API地址后面进行拼接wd=后面跟的就是要搜索的关键词，因此我们只需要将input框中的值传到wd=后面，然后通过jsonp跨域实现搜索功能jsonp跨域详解附上全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co.原创 2021-05-29 15:30:02 · 504 阅读 · 0 评论 -
jsonp跨域详解 + 天气查询案例，简单易懂
什么是跨域ajax请求具有同源策略（1.同协议。2.同域名/同IP。3.同端口号）。其中三项任何一项不满足都会发生跨域问题jsonp原理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c原创 2021-05-28 18:10:28 · 473 阅读 · 0 评论 -
ajax获取json数据示例
使用ajax请求数据时，可以先封装ajaxfunction querystring(obj) { var str = ""; for (var arr in obj) { str += arr + "=" + obj[arr] + "&"; } return str.substring(0, str.length - 1);}function $ajax({ method = "get", url, data,原创 2021-05-25 20:46:48 · 2235 阅读 · 0 评论 -
ajax的封装
function querystring(obj) { var str = ""; for (var arr in obj) { str += arr + "=" + obj[arr] + "&"; } //最后一位不取 return str.substring(0, str.length - 1);}function $ajax({ method = "get", url, data, success,原创 2021-05-25 20:27:57 · 217 阅读 · 0 评论 -
认识ajax，学会ajax的创建
目录ajax简介ajax的特点ajax的创建try_throw_catch请求状态监控get和post请求ajax简介AJAX（ASynchronous JavaScript And XML） = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。ajax的特点异步请求 局部刷新优点：局部刷新页面，提高用户体验度异步请求减轻服务器的压力，只返回请求的内容对于客户端节省宽带占用aja原创 2021-05-25 20:23:58 · 239 阅读 · 1 评论