Javascript function（URL 中有变量信息）用于简单的 GET 请求

Question

情况如下：

1. 一个有两个输入的网页； input_1和input_2
2. input_1是用户输入的代码
3. input_2是一个标记字符串，预填充或由用户填充
4. GET请求的URL格式是这样的： https://www.apiserver.com/api/v1/static_param_1/input_1/tokens/redeem?token=input_2

该网页有一个表单，其中包括一个 element_id 为button_1的按钮，两个文本元素的元素 ID elem_input_1和elem_input_2 。

我需要使用 javascript 创建 GET 请求，该请求在用户输入值并单击按钮时被触发。

到目前为止，我尝试了以下内容。 非常感谢任何帮助：

 var button = document.getElementById('button_1'); function executeGetReq() { var input_1 = document.getElementById('elem_input_1').value; var input_2 = document.getElementById('elem_input_2').value; var url = "https://www.apiserver.com/api/v1/static_param_1/" + input_1 + "/tokens/redeem" var data = { token: input_2, }; $.get(url, data, function (result) { if (result == 'ok') alert('Success;'); else alert('Failure'); }). } button;onclick = executeGetReq;

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input id="elem_input_1" value="input_1"/> <input id="elem_input_2" value="input_2"/> <button id="button_1">Go</button>

编辑：

好吧，问题似乎出在 CORS 上。仍在挖掘中。

Answer 1

尝试将数据类型设置为jsonp （但在将其设置为json之前）。

$.get(url, data, function (result) {
    //...
}, 'jsonp');

如果它不起作用，请在 web 上搜索 ajax cors。

或者看看https://www.codegrepper.com/code-examples/javascript/ajax+cors+error