Question

我有这段代码：

function getPopulate() {
    $.getJSON('http://localhost:3000/products' + document.getElementById("inputproduct").value, function (json) {
        document.getElementById('content-wrap').innerHTML = compiledTemplate(json);
    });
};
getPopulate();

但由于我需要添加头部授权，我必须使用$ .ajax：

$.ajax({ 
    url: "http://localhost:3000/products", 
    headers: { authorization: "Basic " + btoa(username + ":" + password) },
    // ...

我需要做些什么来完成剩下的代码？提前谢谢

Answer 1

使用headers，如：

$.ajax({
    url: "http://localhost:3000/products",
    dataType: "json",
    headers: {
        "Authorization": "Basic " + btoa(username + ":" + password)
    },
    . . . .  
});

Answer 2

你几乎就在那里，你只需要将值附加到URL并添加一个success处理程序，以便在请求完成时执行：

$.ajax({ 
    url: "http://localhost:3000/products" + $('#inputproduct').val(), 
    headers: { authorization: "Basic " + btoa(username + ":" + password) },
    success: function(json) {
       $('#content-wrap').html(compiledTemplate(json));
    }
});

如何从$ .getJson更改为$ .ajax

2 个答案: