ajax提交例子

最新推荐文章于 2021-08-05 16:13:23 发布

转载最新推荐文章于 2021-08-05 16:13:23 发布 · 440 阅读

文章标签：

#ajax #xmlhttprequest

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的网页支付功能实现方式，通过JavaScript发起异步POST请求到服务器端点/charge，并设置请求头为application/json。支付确认后利用pingpp库创建支付过程并处理结果。

    function wap_pay(channel) {
        var amount = document.getElementById('amount').value * 100;

        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/charge", true);
        xhr.setRequestHeader("Content-type", "application/json");
        xhr.send(JSON.stringify({
            channel: channel,
            amount: amount
        }));

        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                console.log(xhr.responseText);
                pingpp.createPayment(xhr.responseText, function(result, err) {
                    console.log(result);
                    console.log(err);
                });
            }
        }
    }