js模拟post请求

最新推荐文章于 2025-05-23 11:03:41 发布

Thomas2143

最新推荐文章于 2025-05-23 11:03:41 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：总结

本文链接：https://blog.youkuaiyun.com/qq_35515661/article/details/90146486

总结专栏收录该内容

793 篇文章 ¥99.90 ¥299.90

订阅专栏

本文详细介绍了如何在JavaScript中使用XMLHttpRequest或fetch API来模拟POST请求，包括设置请求头、发送数据以及处理响应的方法，旨在帮助开发者理解并实现前端与后端的数据交互。

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

// 查询按钮触发
$('#theQuery').click(function () {
    // 定义form表单
    var form = $("<form method='post'></form>");
    // 把表单添加到html的body里面
    form.appendTo("body")
    // 给坡post路径
    form.attr({"action":"/dataPreview"})
    var startTime = $("#my-startDate").text()             //'2019-05-4'
    var endTime = $("#my-endDate").text()                // '2019-05-05'
    var cityName = $("#citySelect option:selected").val()  // '广东省-惠州市'
    var input = $("<input type=':hidden'>")
    // 把数据放到隐藏的input里面 然后把input放到form表单里面
    input.attr({"startTime":startTime,"endTime":endTime,"cityName":cityName})
    input.appendTo("form")
    // 提交表单
    form.submit();
})