Ajax中Json请求（GET)

最新推荐文章于 2022-09-24 11:01:56 发布

小白菜~白又白

最新推荐文章于 2022-09-24 11:01:56 发布

阅读量924

点赞数

分类专栏： Ajax 文章标签： ajax json

本文链接：https://blog.csdn.net/weixin_45478030/article/details/99361018

版权

这篇博客详细介绍了如何在Ajax中实现Json格式的数据GET请求，包括两种不同的htm代码块示例和对应的php处理代码块，旨在帮助开发者理解并掌握这种常见的前端与后端交互技术。

摘要由CSDN通过智能技术生成

Ajax中Json请求（GET)

htm代码块：

<meta charset="utf-8" />
<input id="ename" value="smith" />
<button onclick="search()">Search</button>
<div id="emp_content"></div>
<script>
    function search() {
        var xmlhttp = new XMLHttpRequest();

        xmlhttp.open("GET", "lianxi.php?ename=" + ename.value, true);

        // 当客户端接收响应，只回调一次！
        xmlhttp.onload = function() {
            // 这里测试服务器的不同响应状态码（200， 404， 500）
            // console.log(xmlhttp);
            // console.log(xmlhttp.responseText);
            // return;

            // 根据服务器的响应状态，来决定如何对结果进行解析和显示！
            switch (xmlhttp.status) {
                case 200:
                    // console.log(xmlhttp.responseText);
                    var resu