AJAX控件的安装

AJAX控件的安装,第1张

首先到http://www.codeplex.com/社区找到这个包 AjaxControlToolkit-Framework3.5-NoSource。如果您对它的代码实现很感兴趣可以下载它上面的完整版。

下载完毕解压后,运行/AjaxControlExtender/AjaxControlExtender.vsi进行安装。

安装完毕后,运行Visual Studio 2008 Team Foundation。打开此文件夹下的SampleWebSite网站,运行后会看到一个和http://www.asp.net/ajax/ajaxcontroltoolkit/samples/一样效果的演示页面。AjaxControlToolkits一共有常用的34个Ajax控件都可以在这里进行体验。

废话不多说,下面我说如何在VS的工具栏中添加常用的AjaxControlToolkits。在工具箱右键单击,新建选项卡,命名为AJAX Control Toolkits。而后在新建的选项卡右键单击选择项,浏览找到SampleWebSite下的Bin中的AjaxControlToolkit.dll确定,这样所有控件就都会在选项卡中显示了。

当您在页面中拖入一个AJAX控件时,会发现有两个变化。一是对象资源管理器的Bin目录中添加了很多的AjaxControlToolkit的引用,包括AjaxControlToolkit.dll和AjaxControlToolkit.pdb。另外在页面的前台代码中会有一条注册语句出现:

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

其中TagPrefix标签是可以修改的,其余不建议更改。

以上是我博客上的http://blog.sina.com.cn/maxmartin

ajax是前端js语言,你的问题应该是如何用ajax想服务器发起请求吧:

一个简单的页面用ajax像服务器发起的请求例子如下:

<html>

<head>

<script type="text/javascript">

function loadXMLDoc()

{

var xmlhttp

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest()

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("myDiv").innerHTML=xmlhttp.responseText

    }

  }

xmlhttp.open("GET","/ajax/demo_get.asp",true)

xmlhttp.send()

}

</script>

</head>

<body>

 

<h2>AJAX</h2>

<button type="button" onclick="loadXMLDoc()">请求数据</button>

<div id="myDiv"></div>

 

</body>

</html>

ajax

1.什么是ajax

Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

2.阻止ajax缓存才能实时更新

  ajax('aaa.txt?='+new Date().getTime(),//能够实时更新不用刷新

function(str)

{

alert(str)

},

function()

{

  alert(’读取失败‘

})

3.提交方式

get:通过网址放到url里,安全性低,容量小  更适合于获取

post:http content ,容量大 更适合于给服务器上传

4.创建ajax

  1)创建ajax对象

  2) 链接到服务器

  3)发送请求

  4)接受返回值

function ajax(url, fnSucc, fnFaild)

{

//1.创建Ajax对象

if(window.XMLHttpRequest)

{

var oAjax=new XMLHttpRequest()

}

else

{

var oAjax=new ActiveXObject("Microsoft.XMLHTTP")

}

//2.连接服务器

//open(方法, 文件名, 异步传输)

oAjax.open('GET', url, true)

//3.发送请求

oAjax.send()

//4.接收返回

oAjax.onreadystatechange=function ()

{

//oAjax.readyState //浏览器和服务器,进行到哪一步了

if(oAjax.readyState==4) //读取完成  

{

if(oAjax.status==200) //成功  atus:http状态码

{

fnSucc(oAjax.responseText)

}

else

{

if(fnFaild)

{

fnFaild(oAjax.status)

}

//alert('失败:'+oAjax.status)

}

}

}

}

在jquery中封装好了ajax给我们调用,用$.ajax调用,具体参数见

https://www.cnblogs.com/cvst/articles/5817916.html

同时,今天练习了ajax与php分别用xml json 格式传输数据

用json的时候有个地方太坑人了

就是key/value 中只能识别双引号,所以在js中最好也都用双引号

判断传输的数据是什么类型


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/585523.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-07
下一篇2023-07-07

发表评论

登录后才能评论

评论列表(0条)

    保存