Jquery 是否上载文件以访问网页？我的代码不好？

想法很简单，当你访问同一个网页时，你应该根据点击

元素：曲目或设置上传不同的文件

但我的代码不起作用，有什么想法吗

网页中的html

<li id="sets"><a href="producciones.html" onclick="cargar('tracks.txt', '#p1')">Tracks</a></li>
<li id="sets"><a href="producciones.html" onclick="cargar('sets.txt', '#p1')">Sets</a></li>

---

在您的代码中，当按下链接时，会执行函数

cargar（）

，但也会重新加载页面。 尝试添加

返回false

阻止在浏览器窗口中打开页面

<li id="sets"><a href="producciones.html" onclick="return cargar('tracks.txt', '#p1');">Tracks</a></li>
<li id="sets"><a href="producciones.html" onclick="return cargar('sets.txt', '#p1');">Sets</a></li>

---

href和内联JS

onclick

之间可能存在问题

您可以添加多一点JQuery以避免内联脚本，并执行如下操作：

<li id="sets-1" target="p1" url="tracks.txt">Tracks</li>
<li id="sets-2" target="p1" url="sets.txt">Sets</li>

$('[id^="sets-"]').each(function(){
    $(this).click(function(){
        var url = $(this).attr('url');
        var target = $(this).attr('target');
        $.ajax({
            url:url,
            success:function(result){
                $('#' + target).html(result);
            }
        });
    }); 
});

轨道
集合
$（'[id^=“set-”]）。每个（函数（）{
$（此）。单击（函数（）{
var url=$（this.attr（'url'）；
var target=$（this.attr（'target'）；
$.ajax({
url:url，
成功：功能（结果）{
$（'#'+target）.html（结果）；
}
});
}); 
});

您会遇到什么错误？检查调试器工具的控制台（例如Chrome上的F12），这不是文件上载。在上传过程中，客户端会向服务器发送一个文件。请原谅我的表达式，加载从客户端发送的.txt谢谢，但请探究您的示例，但不起作用，但我不明白问题出在哪里。gracias，pero el link producciones.html para accepter donde iria？可能没有功能

对不起，我不会说西班牙语：o）我不明白你想用producciones.html去哪里。如果加载一个包含元素的新页面，AJAX函数将无效。很抱歉，您需要链接producciones.html以访问where joins吗？测试，所以它不工作。

function cargar(arch, id){
  $.ajax({url:arch,success:function(result){
    $(id).html(result);
  }});
  return false;
}

<li id="sets-1" target="p1" url="tracks.txt">Tracks</li>
<li id="sets-2" target="p1" url="sets.txt">Sets</li>

$('[id^="sets-"]').each(function(){
    $(this).click(function(){
        var url = $(this).attr('url');
        var target = $(this).attr('target');
        $.ajax({
            url:url,
            success:function(result){
                $('#' + target).html(result);
            }
        });
    }); 
});