需要帮忙。从多个“输入”

时间:2018-03-30 07:39:23

标签: javascript html

我想创建一个允许用户输入值的网页,然后通过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将从网页中的输入中接收值。怎么样?请帮忙。感谢

2 个答案:

答案 0 :(得分:1)

使用$ _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

以下是通过网站内的网址传递数据的示例

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

reference 2, Passing variables with data between pages using URL

答案 1 :(得分:1)

你正走在正确的道路上。

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

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

在表单中添加 id属性并执行以下操作:

数据:$(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();
        }
    });
});