Question

美好的一天，我只是想问一下如何制作一个ajax来阻止我的html表单页面中的页面加载我希望阻止加载的输入是提交类型和提交值的按钮标记

就我而言，这是我的HTML代码：

            <div class="one">
                <label>living room<span></span></label>
                    <div><button type="submit" name="submit" id="one" class="test_1"  value="one"><p>Click On</p></button></div>    </div>
                    <div class="one"><li><button type="submit" name="submit" id="two" class="test_2" onmousedown="beepoff.play()" value="one_off">Click Off</button></li></div>


            <div class="one">
                <label>kitchen</label>
                    <button type="submit" name="submit" id="one" class="test_1"  value="two">Click On</button>
                </div>
                    <div class="one">
                        <button id="two" type="submit" name="submit" class="focus_one test_2"  value="two_off">Click Off</button>
                    </div></form>

Answer 1

您可以在触发提交功能时使用CreateMessageSerializer。

class CreateMessageSerializer(serializer.ModelSerializer):

    class Meta:
        model = Message
        fields = (
            'sender', 'recipient'
        )

    def to_representation(self, instance):
        return {
            'message': "Message from <{0.sender}> to <{0.recipient}>".format(instance)
        }

Answer 2

最简单的方法是使用带有类型按钮的按钮，这不会提交表单。

<button type='button'>Text here</button>

使用ajax防止我的表单刷新

2 个答案: