使用JavaScript向服务器发送URL

Sending a URL to server with JavaScript

本文关键字：URL 服务器 JavaScript 使用      更新时间：2023-09-26

我不是一个优秀的程序员，希望得到帮助。

下面的javascript代码应该将格式为/update/1/3的url发送到我的django测试服务器以更新项目。然而，当我尝试时，我只在控制台日志中看到/update/的帖子。

<script type="text/javascript">
    function goTo()
    {
        var url = '/update';
        var quantity = document.forms[0].quantity.value;
        var menuitem_id = document.forms[0].menuitem_id.value;
        window.location = url+'/'+menuitem_id+'/'+quantity;
        return false;
    }
</script>

我做错了什么？

根据要求，请参阅HTML:

<div class="container">
<td class="table">
    <form method="post" action="." onsubmit="return goTo()">
    <div>
    {% csrf_token %}
        {% if item %}
        <label for="quantity">How much {{ item.product.name }} from {{ item.product.restaurant.name }} do you want?</label>
        <input style="height:25px;font-size:12pt;" type="text" name="quantity" value="{{ item.quantity }}" id="quantity" size="2" class="quantity" maxlength="5"/>
        <input type="hidden" name="menuitem_id" value="{{ item.product.id }}" id="menuitem_id"/>
        </td>
        <td>
        {% endif %}
    </div>
    <button class="btn btn-primary" type="submit">Update</button>
    </form>
</td>
</div>

您发布的代码看起来不错。确保"quantity"answers"menuitem_id"是页面上第一个表单（forms[0]）中输入的名称（而不是id）。例如，很多时候，人们忘记了页面顶部的搜索栏在技术上是第一种形式

此外，如果这些输入是用户指定的，并且您希望它们始终是数字，那么使用以下内容清除任何不需要的字符也可能有帮助：

var quantity = document.forms[0].quantity.value.replace(/[^0-9]/g,'');

这将从输入中去除任何非数字字符。这将防止空白混淆URL路径，也有助于（稍微）保护用户免受javascript注入攻击。

相关文章：