Question

<html>
<head>
<meta charset="utf-8"/>
<script src="../JQUERY/jquery-1.11.0.js"></script>
<script>
function getOptions()
{
    var html=new String();

    $.ajax(
    {  
        //url: 'http://server.com/?method=get&search=menu_group_options_with_items&type=group&group_id=6&format=json', 
        url: 'http://server.com',
        data:
        {
            'method': 'get',
            'search': 'menu_group_options_with_items',
            'type': 'group',
            'place_id': '6',
            'format': 'json'
        },
        dataType: 'jsonp',
        async: false,
        success: function (data) 
        { 
            alert("function");
            //var data = JSON.parse(data);
            var h=new String();
            for(var i=0;i<data.length;i++)
            {
                h+='<div class="data">';

                h+=data[i]['group_option'].OptionsID+'<br>';
                h+=data[i]['group_option'].MenuGroupID+'<br>';
                h+=data[i]['group_option'].group_options_name+'<br>';
                h+=data[i]['group_option'].menu_group_option_information+'<br>';
                h+=data[i]['group_option'].menu_group_option_min_selected+'<br>';
                h+=data[i]['group_option'].menu_group_option_max_selected+'<br>';
                h+=data[i]['group_option'].fDateAdded+'<br><br><br>';

                for(var iter = 0; iter < data[i]['group_option']['group_option_items'].length; iter++)
                {

                    h+=data[i]['group_option']['group_option_items'][iter]['item'].OptionItemID+'<br>';
                    h+=data[i]['group_option']['group_option_items'][iter]['item'].menu_item_option_name+'<br>';
                    h+=data[i]['group_option']['group_option_items'][iter]['item'].menu_item_option_additional_cost+'<br>';
                    h+='<br><br><br>';
                }   
                h += '</div>';
            }
            alert("h");
            alert(h);   
            alert("html equals ");
            html=h; 
            alert(html);

        }

    });
    alert("returning html");
    alert(html);
    return html;
}
</script>
<script>
$(document).ready(function()
{
    var str="";
    str=getOptions();
    $('#content').append(str);  
});
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>

当我使用完整的URL运行时，不会发生任何事情。我不会得到任何信息。既然我已将我的网址更改为http://server.com并将data:{}设置为网址中的要求，我仍然一无所获。此时我被困住了，不知道还能去哪里。

我的问题：

我的代码不起作用的原因是什么？
我还需要做些什么才能从网站上检索数据？

Answer 1

在jQuery 1.8之后不推荐使用

async:false。使用较旧的jQuery版本更改代码。

要更改代码，请将此部分移至成功功能中：

$('#content').append(str);

我希望这会有所帮助。

由于

function getOptions()
{

$.ajax(
{ 
    url: 'http://server.com/',
    data: 
    { 
        'method': 'get',
        'search': 'menu_group_options_with_items',
        'type': 'group',
        'place_id': '6',
        'format': 'json'
    }, 
    dataType: 'jsonp',
    success: function (data) 
    { 
        alert("function");
        //var data = JSON.parse(data);
        var h=new String();
        for(var i=0;i<data.length;i++)
        {
            h+='<div class="data">';

            h+=data[i]['group_option'].OptionsID+'<br>';
            h+=data[i]['group_option'].MenuGroupID+'<br>';
            h+=data[i]['group_option'].group_options_name+'<br>';
            h+=data[i]['group_option'].menu_group_option_information+'<br>';
            h+=data[i]['group_option'].menu_group_option_min_selected+'<br>';
            h+=data[i]['group_option'].menu_group_option_max_selected+'<br>';
            h+=data[i]['group_option'].fDateAdded+'<br><br><br>';

            for(var iter = 0; iter < data[i]['group_option']['group_option_items'].length; iter++)
            {

                h+=data[i]['group_option']['group_option_items'][iter]['item'].OptionItemID+'<br>';
                h+=data[i]['group_option']['group_option_items'][iter]['item'].menu_item_option_name+'<br>';
                h+=data[i]['group_option']['group_option_items'][iter]['item'].menu_item_option_additional_cost+'<br>';
                h+='<br><br><br>';
            }   
            h += '</div>';
        }
        alert("h");
        alert(h);   
        alert("html equals ");
        html=h; 
        alert(html);

        $('#content').append(html);  
    }

});
alert("returning html");
alert(html);}

Ajax URL错误未知

1 个答案: