JQuery ajax 使用

  • JS 端

function xxx_Write() 
{ 	
    var ajaxPostData = {"status": "ok"};

    send_ajax_data(ajaxPostData,
        function(data){
            console.info("AJAX recv " + data["status"] + ".");
        }
    );	
} 

function send_ajax_data(json_data, success_function)
{

    if (success_function == null) {
        console.info("Please pass send_ajax_data function as argument.");
        return ;
    }

    $.ajax({
        url: "xxx_Write.php",
        type: 'POST',
        contentType:'application/json; charset=utf-8',
        data: JSON.stringify(json_data),
        dataType:'json',
        success: function(data){
            //On ajax success do this
            console.info("ajax back infomations success.");
            console.info(data);

            if (data["status"] == "ok"){
                success_function(data);
            } else {
                alert("Please Go To Console Get More Infomations.");

                console.info(data);
            }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            //On error do this
            //On error do this
            alert("Please Go To Console Get More Infomations.");

            console.info(xhr);
            console.info(ajaxOptions);
            console.info(thrownError);
        }
    });
}
  • PHP 端 xxx_Write.php

<?php header("Access-Control-Allow-Origin: *") ?>
<?php

    $data = json_decode(file_get_contents('php://input'), true);

    echo json_encode($data);
?>
posted @   陈富林  阅读(156)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2019-08-26 debian8 vga 文本模式下出现闪屏
2016-08-26 qt-5.6.0 移植之实现板子与ubuntu主机通过网络进行文件传输
点击右上角即可分享
微信分享提示