Question

我想在jQuery脚本中包含js文件，当使用$.ajax从数据库中提取数据并在不刷新页面的情况下执行某些操作

例如：

$.ajax({
  type: 'POST',
  url: "content.php",
  data: {vals: "value"},
  success : function(response) { 
    $(body).append(response)
    showScrollStyle();
  }
}); 

function showScrollStyle() {
 // here should include 3 js file for change scroll style
}

响应会显示一个500px height的div和宽度为overflow:auto;的div，如果div的文本大于500px;，则垂直滚动将自动显示，我有3个js我应该包含的文件，用于更改滚动样式和类型。

我尝试了$.getScrpit()功能，但它会刷新页面并显示一个白页。

我该怎么做？谢谢

编辑1：

我创建了一些我认为可以解释我想要的代码

HTML CODE

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="jquery.mCustomScrollbar.concat.min.js"></script>
<script>
$(document).ready(function(e) {
    textScroll()
   function textScroll() {

        $.ajax({
          type: 'POST',
          url: "content.php",
          data: {val: "text_div"},
          success : function(response) { 
            $("body").append(response);
            showScrollStyle()
          }
        }); 
    }

    });

    function showScrollStyle() {
        // jquery.mCustomScrollbar.concat.min.js should import in here for work with new elemnts
    }
</script>
<link rel="stylesheet" href="style/scroll_style.css">

<style>
body {

    background-color:#369;
}
</style>

</head>

<body>


</body>
</html>

PHP代码

<?php 

    include 'Connections.php';  // connect to database

    $val =  $_POST['val'];
    $query = "SELECT contains FROM textarea WHERE name='".$val."' LIMIT 1";
            //  echo $query;
    if ($result = $mysqli->query($query)) {
        while ($row = $result->fetch_assoc()) {
            echo $row['contains'];  
        }
    }   
    else
    {
        echo $mysqli->error;
    }

?>

存储在textarea表中的东西

<div style=" display:inline-block; margin:auto; width:800px; height:400px; overflow:auto;" id="rulesScroll" class="font c_blue_dark mCustomScrollbar interfo_section">
  <span style=" display:inline-block; margin:30px; font-size:44px;" id="newsContain">
               text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
  </span> 
</div>

注意：如果你需要jquery.mCustomScrollbar.concat.min.js，你可以在这里下载滚动条插件http://manos.malihu.gr/jquery-custom-content-scroller/

Answer 1

我使用了$ .getScript函数，它对我来说很好用。你是否以正确的方式使用了功能？请查看以下代码。

calcMean

此代码未刷新页面。

如何在jquery代码中使用脚本标记包含js文件？

1 个答案: