javascript - Jquery Ajax问题，不获取选项值

Question

大家好，下面是我的代码...

$.fn.myajax = function (options) {

    var defaults = {
        my_event: "",
        my_url: "",
        my_data: "",
    }
    var o = {};
    var mydata = options.my_data;
    $.extend(o, defaults, options);

    return this.each(function () {
        $(this).bind(options.my_event, function (event) {

            $.ajax({
                url: options.my_url,
                global: false,
                type: "GET",
                data: ({
                    mydata: $('#' + this.id).val()
                }),
                cache: false,
                success: function (html) {
                    console.log('Done Baby :)');
                }
            });
        });
    });
};

在 Ajax 数据字段 data: ({mydata:$('#'+this.id).val()}), 中，它将“mydata”作为 get 变量传递，而不是 options.my_data 我也尝试过，
data: ({options.my_data:$('#'+this.id).val()}),但是遇到了一些错误，因此必须存储在变量中但不起作用......它是传递像这样的 url http://my_domain.com/serverpage?mydata=friend 但我期待 http://my_domain.com/serverpage?name=friend 其中name位于options.my_data；我已经尝试过 data: {'mydata':$('#' + this.id).val()} 并检查了这个问题 enter link description here

但是并没有解决我的问题...

Answer 1

您必须单独构建数据数组，因为这不是您可以使用数组文字完成的操作:

var to_send = {};
to_send[options.my_data] = $(this).val();

...
$.ajax({
    ...
    data: to_send
    ...
});