需要帮忙。从多个“输入”发送 GET 请求 [关闭]答案

【问题标题】：Need help. Sending GET request from multiple 'inputs' [closed]需要帮忙。从多个“输入”发送 GET 请求 [关闭]
【发布时间】：2018-03-30 15:48:39
【问题描述】：

我想创建一个网页，允许用户输入值，然后通过 GET 请求发送到 192.168.1.101:8081。

    $(document).ready(function()
    {
        $(".sendButton").click(function()
        {
            var a = $(this).attr('value'); 
            var b = $(this).attr('value');
            $.get("http://192.168.1.101:8081/", {valueA=a}, "&" , {valueB=b});
        });
    });

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form action="/action_page.php">
    <fieldset>
        <legend><b><font size="4">Reference Points:</font></b></legend>
        Value A:<br>
        <input type="text" value="">
        <br>
        <legend><b><font size="4">Reference Points:</font></b></legend>
        Value B:<br>
        <input type="text" value="">
    </fieldset>
    <br>
    <br><input type="submit" class="sendButton" value=" SEND "/b>  
</form>
</body>
</html>

我知道存在语法错误。因为我对html和javascript一无所知，只懂php，所以请见谅。

因此，当单击“发送”按钮时，192.168.1.101:8081 将接收来自网页输入的值。如何？请帮忙。谢谢

【问题讨论】：

我所要问的只是准确地回答您的问题，我不认为我为此毁了社区。这几乎是人们每天都必须说的复制/粘贴信息，因为我们看到很多人甚至懒得做研究。不管你做了多少研究，你从你的问题中得到的结果并不明显。祝你有美好的一天，不要把它当作个人！

标签： javascript html

【解决方案1】：

你在正确的道路上。

我建议您改用提交事件： https://api.jquery.com/submit/

同样使用 AJAX，它负责对服务器的异步调用。

在表单中添加 id 属性，然后执行以下操作：

data: $(this).serialize() 将负责获取所有输入值。

$('#you-form-id').on('submit', function (e) {
    e.preventDefault();
    var path = "http://192.168.1.101:8081/";
    $.ajax({
        url: path,
        type: "POST",
        data: $(this).serialize(),
        async: true,
        success: function (data) {
            console.log(data);
            $('div#ajax-results').html(data.output);
            location.reload();
        }
    });
});

【讨论】：

谢谢，解释清楚！并且不知道 AJAX 可以处理异步调用。我知道下一步该做什么。再次感谢

【解决方案2】：

使用 $_GET 方法：

<form name="form" action="" method="get">
  <input type="text" name="subject" id="subject" value="Car Loan">
</form>

显示值：

<?php echo $_GET['subject']; ?>

使用 $_POST 方法：

<form name="form" action="" method="post">
   <input type="text" name="subject" id="subject" value="Car Loan">
</form>

显示值：

<?php echo $_POST['subject']; ?>

reference

这是一个在站点内通过 URL 传递数据的示例

<a href='page2.php?id=2489&user=tom'>link to page2</a>

reference 2, Passing variables with data between pages using URL

【讨论】：

我错过了放置“方法”，感谢您指出。感谢您让我使用“回声”，这对调试很有用。