应用错误收集

Hello stackoverflow开发人员，首先，抱歉，如果我找不到解决方案，但我已经尝试了一段时间了。我不确定我的方法是否是最好的方法，所以，如果有替代AJAX和/ JSON的话，请随时提出建议。

我正在建立一个旅游指南网站，注册用户将根据地区和州包括他们的度假村，餐馆和旅游景点。我正在使用Joomla！和Seblod（有一些自定义的PHP，MySQL，Javascript和AJAX）。由于我不想手动创建27个动态选择，我一直在尝试使用PHP / AJAX / JSON / JQuery选择已注册海滩的列表（度假村和旅游景点必须与之相关）。

除了填充海滩列表外，一切正常，我不知道问题是什么。我尝试了多种方法来追加，创建或添加选项，但没有任何反应。 PHP / JSON结果是：

`
    [{"id":"17","title":"Porto+de+Galinhas"},{"id":"18","title":"Serrambi"},{"id":"19","title":"Tamandar%E9"}]

`

这是PHP脚本的结果：

`

    if($_GET['q'] == 'beaches'){
        $praiaSQL = sprintf("SELECT * FROM vp_content AS c LEFT JOIN vp_cck_store_item_content AS v ON c.id = v.id WHERE c.catid = 10 AND v.cck = 'praia' AND v.venue_state = '%s' ORDER BY c.title ASC;", $_GET['s']);
        $query = mysqli_query($connection, $praiaSQL);
        $praia = array();
        while($results = mysqli_fetch_assoc($query)){
            array_push($praia, array('id' => $results['id'], 'title' => urlencode($results['title'])));
        }
        echo json_encode($praia);
    }

`

我还需要一个处理重音字符的解决方案。我在这里尝试urlencode并在JQuery中解码，但可能是问题所在。当我将其作为原始数据保留时，当有重音字符时，结果项为空。

这是处理结果的相关JQuery（其中x = select和u =获取AJAX JSON结果的URL - 我已经评论了问题在代码中的位置）：

`

    function setBeachList(x,u){
            var theDiv = "#cck1r_" + x;
            var theSelect = "#" + x;
            $j(theSelect).children("option:not(:first)").remove();

            $j.ajax({
                url: u,
                contentType: "application/json;charset=UTF-8",
                success: function(data){
                    if(data.length){
                         /****
                           This is where I'm stuck, as I can't find a way to make sure the 
                           data is actually being treated/handled.
                           I've tried alerts and all sorts of other options to populate the
                           select.
                           I know it's being called because the before: and after: functions 
                           are working.
                         *****/
                        /*
                        $j.each(data, function(k, v){
                            var o = new Option();
                            var newTitle = urldecode(v.title);
                            $j(o).html(newTitle).val(v.id);
                            $j(theSelect).append(o);
                        });
                        */
                        var htm = '';
                        for (var i = 0; i '+urldecode(data[i].title)+'';
                        }

                        $j(theSelect).html(htm);
                    }
                },
                beforeSend: function(){
                    $j(theDiv).hide();
                },
                complete: function(){
                  $j(theDiv).show();  
                },
                dataType: 'json',
            });
        }

`

感谢您的时间和耐心，我不是这方面的专家（不完全是新手，但是很接近......）。

从AJAX JSON结果数据填充选择列表

3 个答案: