【问题标题】:Select2 AJAX is not workingSelect2 AJAX 不工作
【发布时间】:2015-02-01 13:33:16
【问题描述】:

这是我之前用于另一件事的 web 方法,它有效:

[WebMethod]
public static string GetTests()
{
    return GetData().GetXml();
}

public static DataSet GetData()
{
    DataSet ds = new DataSet();
    BusinessLayer.StudentsController oStudent = new BusinessLayer.StudentsController();
    oStudent.Action = "page";
    oStudent.PageIndex = 0;
    oStudent.PageSize = int.Parse(System.Configuration.ConfigurationManager.AppSettings["PageSize"].ToString());
    DataTable dt1 = oStudent.Select();
    DataTable dt2 = dt1.Copy();
    dt2.TableName = "Students";
    ds.Tables.Add(dt2);
    DataTable dt = new DataTable("PageCount");
    dt.Columns.Add("PageCount");
    dt.Rows.Add();
    dt.Rows[0][0] = oStudent.PageCount;
    ds.Tables.Add(dt);
    return ds;
}

JavaScript:

$('#selectDynamic1').select2({
    placeholder: "Search for a movie",
    minimumInputLength: 1,
    multiple: true,
    ajax: { 
        url: "Default.aspx/GetTests",
        type: 'POST',
        params: {
            contentType: 'application/json; charset=utf-8'
        },
        dataType: 'json',
        data: function (term, page) {
            return JSON.stringify({ q: term, page_limit: 10 });
        },
        results: function (data) {
            return {results: data};
        },
    },
    formatResult: formatResult,
    formatSelection: formatSelection,
    /*initSelection: function(element, callback) {
        var data = [];
        $(element.val().split(",")).each(function(i) {
            var item = this.split(':');
            data.push({
                id: item[0],
                title: item[1]
            });
        });
        //$(element).val('');
        callback(data);
    }*/
});


function formatResult(node) {
   alert('');
   return '<div>' + node.id + '</div>';
};

function formatSelection(node) {
    alert('');
    return node.id;
};

请帮忙,GetTests 甚至没有触发,我想通过 SQL 带学生然后填写 select2。

【问题讨论】:

    标签: javascript ajax jquery-select2 ui-select2


    【解决方案1】:

    首先,您应该将 HTTP 动词更改为 GET,因为您没有将数据发布到服务器,您希望从中获取数据

    ajax: {
        ...
        type: 'GET',
        ...
    }
    

    其次,您期望来自服务器的 JSON,但在 GetData 方法中,您正在创建一个 XML 文档 - 至少代码传达了这一点。这可能是您的代码无法运行的原因之一。

    【讨论】:

    • 我在查询中使用 for xml 并以字符串形式获取结果,这就是为什么我要创建 xml doc 我是 json ajax 中的新手有没有其他方法可以做到这一点
    • 你应该期待在 JavaScript 端的 XML,然后这样处理它。
    猜你喜欢
    • 2014-03-28
    • 1970-01-01
    • 2013-04-17
    • 2015-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多