编程自学网编程自学网编程自学网

将来自网页的值作为搜索条件传递

问题描述:

我有一个带有一堆按钮的网页,免费输入框,用户可以填充的邮政编码里程数,以便搜索特定位置。我需要从用户的输入中获取所有值,并将其传递给后API调用,后者将根据用户的搜索条件返回结果集。我需要以下列格式将搜索条件传递给post API

{  "text": "string",  "criteria": [    "string"
  ],  "count": 0}

文本值来自自由输入文本框。 标准来自用户选择/突出显示的按钮列表以及与邮政编码一起的里程数。 计数值来自3个具有预定义数字250,400,550的按钮。

现在,我对下面的搜索值进行了硬编码,但是我需要指导如何通过获取用户在页面上输入的值来实现此动态。

$.ajax({  url: 'https://api/id',  data: JSON.stringify({    "text": "parks",    "criteria": ["string"],    "count": 0
  })
})


答案:

你可以通过为它指定一个id来获取<input>中的值,然后使用jQuery选择器获取其当前值。例如,使用type=texttype=number的输入可以使用$("#id").val()获取其值。您拥有的复选框可以使用$("#id").prop('checked').检查其当前状态然后,您可以使用if语句来确定计数值:

let count;if($("#250-button").prop('checked')) {
    count = 250;
} else if($("400-button").prop('checked)) {
    count = 400;
} else {
    count = 550;
}


未经允许不得转载:编程自学网 » 将来自网页的值作为搜索条件传递