`
lovnet
  • 浏览: 6883011 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

关于body的onload调用ajax的一些看法

阅读更多

最近,看得一些开发人员在实现ajax的时候,aspx文件中在body的onload事件中,使用ajax调用后台的c#处理程序来对页面进行数据加载。然后在后台代码中,重写某个Control的Render方法,实现数据的绑定。我个人并不赞同这种方法。

首先,页面肯定会Load,那么就不需要先将页面发送到客户端,然后在客户端load的时候再次异步对服务器请求数据,这样做法很令人费解,就像一个人到某个地方去,本来一次就应该将要带的东西带上,但是却偏偏不带,等到了地方还,再派另一个回去将要带来的东西取来!这种做法,很不好(我是这样认为的)。

另外,在webform的cs文件中,重写Control的Render方法更是没有任何封装性。原本ajax就会破坏程序架构,如果这样做就变得更难扩展了。

分享到:
评论

相关推荐

    ASP.NET Ajax基础

    此外,ASP.NET AJAX 也提供了 UpdatePanel、ScriptManager 和 ServiceProxy 等组件,以方便地处理页面更新、脚本管理和服务调用。 总之,ASP.NET AJAX 是 .NET 开发者构建高效、交互性强的 Web 应用程序的重要工具...

    解决ajax返回innerHTML中javascript不能运行问题

    原因在于浏览器只在显示模板时才解析 JavaScript,而使用 Ajax 返回的 js 是被后期倒入的并没有被解析,所以调用的时候找不到对应的 function()。 要解决这个问题,最基本的方法就是需要让浏览器可以同时解析 `...

    dtree+ajax异步加载树

    **dtree+ajax异步加载树详解** 在Web开发中,数据展示往往涉及到大量的层级结构,如文件系统、组织架构等。dtree是一款基于JavaScript的树形控件,它能够帮助开发者实现动态、交互式的树状菜单。而Ajax...

    AJAX实现读取本地文本文档内容并展示在网页上

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下更新部分网页内容的技术。在本场景中,我们将探讨如何使用AJAX来读取本地的文本文档内容,并将其展示在网页上。这个功能在现代Web应用...

    ajax实现下拉列表改变时动态创建单选按钮

    在`xhr.onload`回调中,我们解析服务器返回的数据,然后调用`createRadioButtons`函数创建单选按钮组: ```javascript function createRadioButtons(data) { for (var i = 0; i ; i++) { var group = data.groups...

    ajax 实现的购物车

    使用JavaScript的`addEventListener`方法绑定点击事件,然后调用AJAX函数发送请求到服务器。 3. **AJAX请求**:使用`XMLHttpRequest`对象或者更现代的`fetch` API发起异步请求。请求的目标是服务器上的接口,该接口...

    Ajax的小封装 get,post请求

    在Web开发中,Ajax...以上就是关于Ajax的小封装,包括GET和POST请求的实现。这些封装可以帮助开发者更高效地进行Ajax交互,而无需每次都手动处理所有细节。根据项目需求和浏览器兼容性,可以选择合适的封装方式。

    Ajax定时刷新局部页面

    <body onload="makeRequest('getSystemTime.jsp')"> ``` 这段 HTML 代码指定了页面加载完成后自动调用 `makeRequest` 函数,并传入 `'getSystemTime.jsp'` 作为参数。 ```javascript function makeRequest(url) { ...

    基于JSON的AJAX请求案例

    当请求完成时,`onload`事件处理函数会被调用。如果请求成功(HTTP状态码200),则使用`JSON.parse()`将响应文本转换为JavaScript对象并打印出来。若请求失败,`onerror`事件会显示错误信息。 接下来,我们来看POST...

    用JS(javascript)从另一个html中读取标题和正文body

    对于正文body,`document.body.innerText`或`document.getElementsByTagName('body')[0].innerText`可以获取到body的文本内容。 需要注意的是,这些方法可能会受到浏览器安全策略的影响,例如CORS(跨源资源共享)...

    ajax 实现右键 弹出层

    // 这里调用处理函数,如showPopupMenu(e) }); ``` 2. **Ajax请求数据**:在`showPopupMenu`函数中,使用Ajax向服务器请求数据。这里通常会返回一个JSON格式的菜单数据。 ```javascript function showPopupMenu...

    使用HTML和AJAX开发AIR应用程序中文文档

    <body onload="loadXMLDoc()"> <h1>Adobe AIR HTML/AJAX Example <div id="demo"></div> </body> ``` - **功能描述**: - 页面加载时自动调用`loadXMLDoc`函数。 - 使用`XMLHttpRequest`对象发送GET请求获取...

    echarts 图形数据调用 html 调用案例

    然后,通过 AJAX 或其他方式获取新数据并调用此函数,即可实现在不刷新页面的情况下更新图表。 总结起来,这个"echarts 图形数据调用 html 调用案例"主要涉及以下几个关键知识点: 1. 引入 ECharts 库文件到 HTML...

    ajax的json开发步骤和实例

    ### AJAX与JSON开发步骤详解及实例 #### 一、引言 随着Web技术的发展,AJAX(Asynchronous JavaScript and XML)已经成为一种强大的Web应用技术。它通过在后台服务器与前端浏览器之间异步交换数据并更新部分网页...

    调用google地图事例

    <body onload="initMap()"> ; width: 100%;"> </body> ``` 在上述代码中,`<div id="map">`是地图显示的容器,其样式定义了地图的大小。`initMap`函数创建了一个新的`google.maps.Map`实例,并将其绑定到`#map`...

    Ajax在Web应用上的分析与思考.pdf

    <body onload="createXMLHttpRequest()"> <!-- 页面内容 --> </body> ``` #### 七、结论 Ajax技术为Web应用开发带来了革命性的变化,极大地提高了Web应用的性能和用户体验。通过对Ajax技术及其工作原理的理解,...

    AJAX + JavaScript 实现无页面刷新标题栏提示新信息

    <body onload="CheckNews()"> ``` #### 总结 通过以上分析,我们可以看到该示例代码清晰地展示了如何结合Ajax和JavaScript技术实现无页面刷新的标题栏提示新信息功能。这种方式不仅提升了用户体验,还能有效降低...

    ajax 无页面刷新上传图片

    // 调用Ajax发送请求 uploadImage(formData); } else { alert('请上传图片文件'); } }); ``` 3. Ajax请求:使用XMLHttpRequest或现代浏览器支持的fetch API发送POST请求,附带FormData对象。 ```javascript ...

    (免费)菜狗学前端之原生Ajax笔记

    ### 原生Ajax知识点详解 #### 一、原生Ajax概述 原生Ajax是一种使用JavaScript与服务器异步交互的技术,它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分页面内容。实现这一功能的核心是`...

Global site tag (gtag.js) - Google Analytics