前端动态加载（ajax接口连接后台数据，将后台数据返回到前端页面）。

最新推荐文章于 2025-07-02 16:32:20 发布

淡烟流水画屏幽

最新推荐文章于 2025-07-02 16:32:20 发布

阅读量1.2w

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端技术

本文链接：https://blog.youkuaiyun.com/qq_39015168/article/details/82817253

本文介绍如何在前端页面中使用Ajax与后台接口进行数据交互。通过设置httpurl为服务器地址，然后定义请求参数，调用PageInfo函数来处理返回的数据。作者分享了在实现过程中遇到的一个小错误，即大小写不敏感问题，提醒读者注意此类细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端页面：
在这里插入图片描述

js代码：

var httpurl = “http://60.205.179.111:8080” ;//访问电脑的路径
$(function () {
debugger;
var obj = {

} ;
$.ajax({
    url: httpurl + '/queryOverProject1',//要连接的接口
    type: 'POST',
    dataType: 'json',
    contentType: "application/json",
    async: false,
    data: JSON.stringify(obj),
    xhrFields: {
        withCredentials: true
    },
    success: function (result) {
        console.log(result)
        if (result.code == "200") {
            pageInfo = result.data;
            console.log(pageInfo);
            // console.log(type);
            // setPageInfo();
            setPageInfo(pageInfo);
        } else {
            alert("错误码；" + result.code + "   错误信息：" + result.message);
        }
    },
    error: function (XMLHttpRequest, textStatus, er