Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery和AJAX加载页面时设置默认值_Jquery_Ajax - Fatal编程技术网

使用jQuery和AJAX加载页面时设置默认值

使用jQuery和AJAX加载页面时设置默认值,jquery,ajax,Jquery,Ajax,我有以下结构: <ul id="menu"> <li value="100"><div>Books</div></li> <li value="200"><div>Clothing</div></li> <li value="300"><div>Electronics<

我有以下结构:

<ul id="menu">
  <li value="100"><div>Books</div></li>
  <li value="200"><div>Clothing</div></li>
  <li value="300"><div>Electronics</div>
    <ul>
      <li value="500"><div>Car Hifi</div></li>
      <li value="600"><div>Utilities</div></li>
    </ul>
  </li>
</ul>
  • 书籍
  • 服装 电子产品
    • 汽车音响
    • 实用程序
如果单击
  • 元素,则该值将通过jQuery AJAX发送到服务器端脚本:

    jQuery(function ($) {
        
        $('ul#menu li').click(function () {
    
                var level = $(this).attr("value");
    
                $.ajax({
                    type: "GET",
                    cache: "true",
                    url: "../level.php",
                    data: {
                        "level": level
                    },
                    success: function (data) {
                        $('.item-content').html('<div class="tooltipitem-site"><div class="ui-tooltip-site">' + data + '</div></div>');    
                    }
                });
            });
    
            $(function () {
                $("#menu").menu();
            });
    });
    
    jQuery(函数($){
    $('ul#menu li')。单击(函数(){
    var level=$(this.attr(“值”);
    $.ajax({
    键入:“获取”,
    缓存:“真”,
    url:“../level.php”,
    数据:{
    “级别”:级别
    },
    成功:功能(数据){
    $('.item content').html(''+数据+'');
    }
    });
    });
    $(函数(){
    $(“#菜单”).menu();
    });
    });
    
    当页面加载时,没有值被发送。 如何更改脚本,使其在初始页面加载时发送默认值
    “value=0”

    像这样的怎么样

    jQuery(函数($){
    getResponse(0);
    $('ul#menu li')。单击(函数(){
    var level=$(this.attr(“值”);
    getResponse(级别);
    });
    $(函数(){
    $(“#菜单”).menu();
    });
    });
    功能getResponse(级别){
    $.ajax({
    键入:“获取”,
    缓存:“真”,
    url:“../level.php”,
    数据:{
    “级别”:级别
    },
    成功:功能(数据){
    $('.item content').html(''+数据+'');
    }
    });
    }
    
    设置默认项目内容html不是更容易吗?@Berstos不客气!!!
    jQuery(function($) {
        getResponse(0);
        $('ul#menu li').click(function() {
            var level = $(this).attr("value");
            getResponse(level);
        });
    
        $(function() {
            $("#menu").menu();
        });
    });
    
    function getResponse(level) {
        $.ajax({
            type: "GET",
            cache: "true",
            url: "../level.php",
            data: {
                "level": level
            },
            success: function(data) {
                $('.item-content').html('<div class="tooltipitem-site"><div class="ui-tooltip-site">' + data + '</div></div>');
            }
        });
    }