带有Bootstrap的AJAX请求

debugcn 发表于 Dev

压缩

所以我有这个小脚本，可以从数据库中获取单词定义。一切正常。但是，一旦我尝试通过在标头中包含Bootstrap CDN链接来用Bootstrap内容替换默认的html输入和按钮，它将不再起作用。没有错误，但是脚本根本不会获取结果。

我尝试使用不同的CDN链接，并使用有限的jQuery知识尝试了一切。但是我卡住了。下面是我的脚本。我还没有包括将JSON响应到jQuery AJAX脚本的PHP脚本，因为它也可以正常工作。

如何修复脚本，使其正常运行？现在，即使只是在标头中插入CDN链接，也会使脚本停止工作。

$('document').ready(function(){
  $('#word-submit').on('click', function(){
    var word = $('#word').val();
    if ($.trim(word) != ''){
      $.post('ajax/name.php', {word: word}, function(data){
        var obj = jQuery.parseJSON(data);
        console.log(obj);
      });
    };			
  });
});

<html>
  <head>
    <title>Welcome</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="style.css">

  </head>
  <body>
    <div id="container">
      <form autocomplete="off" class="form-inline">
        <input type="text" id="word" >
        <input type="button" id="word-submit" value="Tam" class="sr-only" >
      </form>

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
      <script src="js/global.js" charset="UTF-8"></script>

   </body>
</html>

斯蒂芬

您无法使用Ajax加载整个页面。您只应加载正文中包含的信息。如果您还有其他CSS / JavaScript文件，则应在从Ajax加载内容后将它们附加到页面上。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。