如何使用 JavaScript 或 Jquery 动态更改 HTML 文本输入

Question

我有一个返回字符串的网络服务。 https://localhost:5001/mywebservice

现在，我制作了一个带有文本输入的 HTML 页面。 我想使用 JavaScript 或 JQuery 来调用我的网络服务。 然后用我的网络服务返回的任何内容更新文本输入 https://localhost:5001/mywebservice

我尝试使用以下 JQuery 代码片段。 但这行不通。

$('button').on('click', function (e) {
    var str = $('https://localhost:5001/mywebservice').val();
    $("#MyString").prop('value', str);
});

如果有人能给我提示，我将不胜感激。 感谢您的帮助。

Answer 1

好的，首先，您正确地完成了事件侦听器。
如果此脚本在 HTML 文件中运行，则您可以从文档中选择元素。 。

$("<select your input>").val() 

如果它是文本框，则使用；如果它是元素，则使用 .html()
要请求您的服务的返回信息，请勿使用 jquery $。它不是为 ajax 构建的。

1. 确保在使用平台时它始终启动并运行
2. 而不是将其托管在本地主机上，而是尝试在该 js 所在的任何平台上运行它。
3. 让本地主机仅显示您发送回的信息
4. 发送 ajax 调用到您的本地主机网站，使用

$.ajax({
url:"https://localhost:5001/mywebservice",
success:function(d){
//d is your data
}
})