【问题标题】:Jquery select2 send/retrieve dataJquery select2发送/检索数据
【发布时间】:2014-04-14 19:20:35
【问题描述】:

您好,我正在使用 jquery select2-plugin:

http://ivaynberg.github.io/select2/

基本用法:

    <select style="width:300px" id="source">
        <optgroup label="Alaskan/Hawaiian Time Zone">
            <option value="AK">Alaska</option>
            <option value="HI">Hawaii</option>
        </optgroup>
        <optgroup label="Pacific Time Zone">
            <option value="CA">California</option>
            <option value="NV">Nevada</option>
            <option value="OR">Oregon</option>
            <option value="WA">Washington</option>
        </optgroup>
    </select>

$(document).ready(function () {
    $("#source").select2({
        placeholder: "Select a State",
        allowClear: true
    });
}); 

完美运行, 但是当我需要“加载远程数据”时,有人知道如何继续吗,url应该将数据发送到php-file:

include "storescripts/connect_to_mysql.php";

$data = trim(strip_tags($_GET['data'])); // Like this?

if(!empty($data) && isset($data) && strlen($data) != 0) {
    $stmt = $dbh->prepare('SELECT id,product FROM `table` WHERE `product` LIKE :keyword');
    $keyword = "%".$data."%";
    $stmt->bindParam(':keyword', $keyword, PDO::PARAM_STR);
    $stmt->execute();   
    while ($user = $stmt->fetch(PDO::FETCH_ASSOC)) {
        $user['item']=htmlentities(stripslashes($user['product']));
        $user['id']=$user['id'];
        $user_set[] = $user;
    }
    echo json_encode($user_set);
} else { 
    echo json_encode(array("error" => "You forgot to type..." , "result" => 0));
}
echo json_encode($user_set); 

有人知道如何为这个过程构建 jquery/ajax 吗? 我尝试了网站上的示例代码,但不起作用,有人可以帮助我解决这个请求吗?

你好!!

【问题讨论】:

    标签: javascript jquery ajax select plugins


    【解决方案1】:

    Ajax 调用示例:

            $('#dropdown_users').select2({ 
                placeholder: "Search User", 
                minimumInputLength: 3, 
                multiple: false, 
            ajax: { 
                url: "/ingeb/api_v1/users", 
                dataType: 'json', 
                quietMillis: 100, 
                data: function (term, page) {
                    return {
                        q: term, 
                        page_limit: 10 
                    };
                },
                results: function (data, page) {
                        return {results: data};
                        }
                    }
                }); 
    

    PHP 返回值的格式应为以下格式:

    [{"id":2,"text":"kim gysen"}]
    

    HTML如下:

    <input type="hidden" id="dropdown_users" />
    

    将输入类型设置为隐藏。

    【讨论】:

    • 我如何添加应该像文档中一样显示的图像?
    • 好问题,我不知道。别人?
    • 在这种情况下如何构造 或者怎么办?问候!!
    • 感谢支持,它可以工作,但你知道如何修改 php 文件,因为控制台中没有数据发送..
    • 也许这适合另一个问题,标记为 PHP。会有很多人可以帮助你解决这个问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-02
    • 1970-01-01
    • 1970-01-01
    • 2015-11-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多