Question

这是我的代码this version of jquery

<script>

    jQuery(document).ready(function ()
    {
        $("#theOption").change(function ()
        {
            var urlString = '';

            if (this.value == 1) {
                urlString = 'http://localhost:10304/jsondata/1.json';
            }
            else {
                urlString = 'http://localhost:10304/jsondata/2.json';
            }



            alert("About to call service." );
            $.get(urlString, function (data)
            {
                alert('data returned: ' + data);
                $( "#results" ).html( data );
                alert( "Load was performed." );
            });
        });


    });

</script>


<div class="row">
   Select
   <select id="theOption">
       <option value="1">one</option>
       <option value="2">two</option>

   </select>
</div>

<div id="results">


</div>

在更改下拉列表时，我收到警告About to call service消息。然后，当我看到浏览器的网络工具时，我还可以看到根据下拉列表中的选择调用json url。这意味着直到调用url的部分，一切正常。但是，警报data returned不会被调用，结果div层也不会从调用的json url获取值。根据此文档here，我没有做错任何事。那是怎么回事？

Answer 1

这可能无法为您提供有效的解决方案，但肯定会帮助您评估问题。

将paragraph 1 a dkahdk ahkdhadk. paragraph 2 adshkad hkasdhkasdh. paragraph 3 akdash dkjahiewry iwery. paragraph 4 ljsdlfjsldfj. 处理程序附加到您的ajax调用，看看是否会返回一些内容。

fail

有关此内容的更多信息，请访问here。

此外，同样的错误（如果存在）也应该在浏览器控制台中显示。

Answer 2

您从网址返回的内容，请查看以下示例

 $("#theOption").change(function ()
    {
        var urlString = '';

        if (this.value == 1) {
            urlString = 'http://ip.jsontest.com/';
        }
        else {
            urlString = 'http://ip.jsontest.com/';
        }



        alert("About to call service." );
        $.get(urlString, function (data)
        {
            alert('data returned: ' + data.ip);
            $( "#results" ).html( data.ip );
            alert( "Load was performed." );
        });
    });

Answer 3

您的网址可能会出现问题，根据您的代码，您似乎正在访问本地Json文件。如果是，请尝试使用您的文件夹结构而不是'http://localhost:10304/jsondata/1.json'。

Answer 4

我认为$ .get用于从服务器端获取数据。所以你不能从json中获取数据。当我将1.jsom和2.json更改为php并在这些php文件中回显一个字符串时，它工作正常。

    <script src="jquery-1.8.1.js"></script>
<script>

    jQuery(document).ready(function ()
    {
        $("#theOption").change(function ()
        {
            var urlString = '';

            if (this.value == 1) {
                urlString = '1.php';
            }
            else {
                urlString = '2.php';
            }



            alert("About to call service." );
            $.get(urlString).done(function (data)
            {
                alert('data returned: ' + data);
                $( "#results" ).html( data );
                alert( "Load was performed." );
            });
        });


    });

</script>


<div class="row">
    Select
    <select id="theOption">
        <option value="1">one</option>
        <option value="2">two</option>
    </select>
</div>

<div id="results">


</div>

这就是我在php文件中所做的

<?php
echo "saasfafassfafafafsasf";
?>

jquery根据文档不能工作

4 个答案: