从 X 可编辑获取文本框值

Question

如何获取文本框字段的值并在ajaxOptions内data发送？我测试了我的视图，它从我的 Django 视图中成功打印出测试变量。我正在使用X-editable进行Jquery。下面是文本框输入的样子：

http://jsfiddle.net/xBB5x/197/

views.py

def create_post(request):
    print request.POST.get("test", "");
    return HttpResponse(json,content_type="application/json")

.HTML

<a id="other1" data-pk="First Name" data-name="test">First Name</a>

阿贾克斯

$(document).ready(function() {
        $('#other1').editable({
            type: 'text',
            pk: 1,
            url: '/create_post/', 
            ajaxOptions: {
                    data: {
                    csrfmiddlewaretoken: '{{ csrf_token }}',
                    test: "hi",
                    },

                },  
            placement: 'top',
            title: 'New Expense',
            success: function(response, newValue) {
                if(response.status == 'error') return response.msg; //ms
            },  
        });
    });

Answer 1

代替 ajaxOptions ，使用 params 。如果我没记错的话，test及其值将通过 x-editable 包含在您的 POST 请求中。尝试这样的事情：

目录

<a id="other1" data-pk="1" data-name="test">First Name</a>

阿贾克斯

$(document).ready(function() {
    $('#other1').editable({
        type: 'text',
        url: '/create_post/', 
        params : function(params) {
            params.csrfmiddlewaretoken = '{{ csrf_token }}';
            return params;
        }, 
        placement: 'top',
        title: 'New Expense',
        success: function(response, newValue) {
            if(response.status == 'error') return response.msg; //ms
        },  
    });
});