Ajax应用

糠猪

2024-04-20 帮助1人

Ajax

Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）

Ajax不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的web应用程序技术；

伪造的Ajax：

通过iframe标签和javascript来实现web页面的部分刷新。给button绑定点击事件，通过点击事件改变iframe的路径，从而在网页不刷新的前提下，刷新iframe。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伪造Ajax</title>
</head>

<body>
    <div>
        <p>请输入要加载的地址：</p>
        <p>
            <input type="text" id="url" value="https://www.bilibili.com/">
            <input type="button" value="提交" onclick="loadPage()">
        </p>
    </div>
    <div>
        <h3>加载页面的位置</h3>
        <iframe style="width: 100%; height: 500px" id="iframePosition"></iframe>
    </div>

    <script type="text/javascript">
        function loadPage() {
            var targetURL = document.getElementById("url").value;
            document.getElementById("iframePosition").src = targetURL;
        }
    </script>
</body>

</html>

Jquery Ajax

$.ajax()

参数：

type：请求方式

url：请求地址

async：是否异步，默认是true表示异步

data：发送到服务器的数据

dataType：预期服务器返回的数据

contentType：向服务其发送的数据格式

success：请求成功时调用此函数

error：请求失败时调用此函数

<script type="text/javascript">
    $.ajax({
        type: "", //一般是get或者post
        url: "",
        data: {
            // 发送给服务器的数据
        },
        dataType: "json", //预期返回的数据类型，如果是json格式，在接收到返回值时会自动封装成json对象
        contentType: "applicaiton/json", // 发送给服务器的数据类型
        success: function (data) {
            // data是形参，代表返回数据
            // 如果没有规定dataType,在接受到json格式的字符串时可以转换成json对象
            var obj = JSON.parse(data)
        }，
    	error:function () {
		}
	})
</script>

json对象

json对象就是用大括号包含起来的键值对，key一定是字符串，value可以是字符串，数字，对象，数组，布尔值和null。

{
    "key": "value",    
    "key2": 123,
    "key3": {
        "name": "糠猪",
        "QQ": 123456
    },
    "key4": [1, 2, 3, 4],
    "key5": ["a", "b", "c", "d"],
    "key6": [{}, {}, {}, {}],
    "key7": null
}

这篇好文章是转载于：学新通技术网

Ajax应用

Ajax

伪造的Ajax：

Jquery Ajax

json对象

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

《学习通》视频自动暂停处理方法

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

怎样阻止微信小程序自动打开

excel打印预览压线压字怎么办

TikTok加速器哪个好免费的TK加速器推荐