ajax执行script,在Ajax检索的<div>内部执行<script>

11240b5022dea991e51a016b6ba47638.png

RISEBY

如果您通过Ajax在div中加载脚本块,如下所示:

    function myFunction() {

      //do something

    }

    myFunction();

..它只是更新页面的DOM,myFunction()不一定会被调用。您可以使用Ajax回调方法,如jQuery中的方法Ajax()方法来定义请求完成时要执行的内容。您所做的与从get-go加载包含在其中的JavaScript的页面不同(它确实会被执行)。关于如何在获取某些内容后使用成功回调和错误回调的示例:  $.ajax({

    type: 'GET',

    url: 'response.php',

    timeout: 2000,

    success: function(data) {

      $("#content").html(data);

      myFunction();

    },

    error: function (XMLHttpRequest, textStatus, errorThrown) {

      alert("error retrieving content");

    }另一种快速而肮脏的方法是使用埃瓦尔()如果不想使用jQuery或其他库,则执行以DOM文本形式插入的任何脚本代码。

在C#使用AJAX获取数据库数据并显示在前端,通常需要配合服务器端技术和前端库(如ASP.NET MVC或Web API)。以下是一个基本步骤的示例: **服务器端(ASP.NET MVC)**: 首先,在控制器(例如Home Controller)创建一个Action,比如`GetUsers()`,它使用ADO.NET或Entity Framework从数据库检索数据。 ```csharp using System.Web.Mvc; public class HomeController : Controller { public JsonResult GetUserList() { List<User> users = db.Users.ToList(); // db是上下文对象,连接到数据库 return Json(users, JsonRequestBehavior.AllowGet); // 返回JSON格式的数据 } } ``` 这里我们假设`User`是模型类,`db`是DbContext实例。 **前端(JavaScript / jQuery AJAX)**: 然后在前端HTML页面上,通过AJAX发起GET请求,并处理返回的JSON数据。 ```html <button id="getData">加载数据</button> <div id="usersList"></div> <script> $(function () { $('#getData').click(function () { $.ajax({ url: '@Url.Action("GetUserList", "Home")', // 这是你的URL路由 type: 'GET', dataType: 'json', success: function (data) { var userList = ''; for (var i = 0; i < data.length; i++) { userList += '<li>' + data[i].Name + '</li>'; } $('#usersList').html(userList); }, error: function (error) { console.error('加载数据失败:', error); } }); }); }); </script> ``` 这个例子,当你点击"加载数据"按钮,前端会向服务器请求用户列表数据,成功后将数据显示在`<ul>`元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值