码迷,mamicode.com
首页 > Web开发 > 详细

django中使用AJAX时如何获取表单参数(按钮携带参数)

时间:2018-04-20 17:56:00      阅读:298      评论:0      收藏:0      [点我收藏+]

标签:func   color   extc   val   AC   for   使用   json   ati   

前提是函数和相应的视图路由都已经配置好了,然后就是表单了:

<form  id="SmsForm" method="post" class="a">
            {% csrf_token %}
            <div class="">
                <input class="" name="name" id="name" type="text" placeholder="请输入用户名">
            </div>
            <div class="form-group">
                <input type="text" onfocus="(this.type=‘time‘)" id="pick_time" name="time" placeholder="请输入时间" >
            </div>
            <div class="form-group">
                <input class="" name="addr1" id="addr1" type="text" placeholder="请输入地址1">
            </div>
            <div class="form-group">
                <input class="" name="addr2" id="addr2" type="text" placeholder="请输入地址2">
            </div>
            <div class="form-group">
                <input class="form-control" name="tel" id="tel" type="text" placeholder="请输入电话">
            </div>
            <input class="b" type="button" value="预览短信" onclick="send_sms(‘check‘)"/>

            <input class="b" type="button" value="发送短信" onclick="send_sms(‘send‘)"/>

        </form>
    <script src="/static/js/jquery.min.js"></script>
<script>
    $(#pick_time).blur(function(){
    var obj = $(this);
    if(!obj.val()){
        obj.prop(type,text);
    }
});

function  send_sms(work_operation) {
    var data={};
        data[status] = work_operation;
    var params = $(#SmsForm).serializeArray();
    for (x in params){
        data[params[x].name] = params[x].value;
    }
    $.ajax({
        type:"POST",
        url: "{% url ‘managing:get_sms_message‘ %}",
        data: data,
        dataType: "json",
        success: function (response) {
            document.getElementById("get_sms_message").textContent = response.message;
        },
        error: function (rs, e) {
            alert(rs.responseText);
        }
    });
}
</script>

首先生成一个data字典,然后将参数作为窗台传入字典当中,接着将表单的数据传到一个params的变量里面,这个方法我也是在网上找的,大概的意思应该是将表单数据以数组的形式序列化,然后就是遍历params这个变量,依次将表单数据传入data,最后将data放到POST的data里面,后面的就是视图接收数据,依据不同的的传入参数编写检验函数和发送函数就可以了。

django中使用AJAX时如何获取表单参数(按钮携带参数)

标签:func   color   extc   val   AC   for   使用   json   ati   

原文地址:https://www.cnblogs.com/zzy0306/p/8892107.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!