关于AJAX的简单示例问题,高分!~

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于AJAX的简单示例问题,高分!~相关的知识，希望对你有一定的参考价值。

论文需要一个关于AJAX的简单示例,具体就是实现两个表单,当点击这个表单刷新时,另一个表单不刷新就好了..希望各位帮我找找,要具体一点的,可以直接写进论文的!~别告诉我去哪找,我都找了好久了才问的..好答案继续追分
在VS2005中运行就行!~

　　11，把AjaxPro.dll放入应用程序之bin文件夹中，并添加参照
　　22，修改web.config
　　3
　　4在system.web节点下添加
　　5
　　6<SYSTEM.WEB>
　　7 <HTTPHANDLERS>
　　8<ADD type="AjaxPro.AjaxHandlerFactory, AjaxPro" path="ajaxpro/*.ashx" verb="POST,GET" />
　　9</HTTPHANDLERS>
　　10
　　11
　　123,在后台cs文件中声明ajax
　　13namespace MyDemo
　　14
　　15 public class _Default
　　16
　　17 protected void Page_Load(object sender, EventArgs e)
　　18
　　19 AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
　　20
　　21
　　22 [AjaxPro.AjaxMethod]
　　23 public int GetAdd(int a,int b)
　　24
　　25 return a+b;
　　26
　　27
　　28
　　293、在客户端用javascript调用服务器端之方法，语法也很简单
　　30
　　31function get()
　　32
　　33 var a=4;
　　34 var b=5;
　　35 MyDemo._Default.GetAdd(a, b ,get_callback); //调用后台函数
　　36
　　37
　　38
　　39function get_callback(res) //返回值处理函数
　　40
　　41 alert(res.value);
　　42
　　43
　　44就这样，简单之几步，就已经完成了。在客户端用javascript异步调用服务器端之C#方法，并可以得到服务器端之返回值，这个值会传到javascript，javascript可以处理这个返回之值，现在返回的是一个简单的整型，不过，我们也可以返回复杂之数据类型，像DataTable之类，总之，AjaxPro把Ajax搞得很简单。
　　45
　　46
　　47补充：
　　48如果返回的是DataTable时的取值方式如下：
　　49dt.Rows[0].userid; 取得数据集中的字段名为userid的数据；
　　50dt.Rows.length; 取得数据集的行数；

　　下面的文章是从网络上找的，经过研究加以注释，这个例子非常简单，可作入门之用。

　　cf8ajax.cfm:

　　<cfprocessingdirective pageencoding=”utf-8〃>
　　<cfajaxproxy cfc=”echo” jsclassname=”respond”>
　　<html>
　　<head>
　　<script type=”text/javascript”>
　　function getResponse()
　　//通过DOM方式获取表单中的文本
　　var name = document.getElementById(’name’).value
　　//实例化CFC， “respond”是组件echo在Javascript中的别名
　　var r = new respond()
　　//设置回调函数
　　r.setCallbackHandler(displayResponse)
　　//如果发生错误，将执行此方法，如网络问题
　　r.setErrorHandler(errorHandler)
　　//调用组件方法
　　r.echo(name)
　　

　　//没有问题，成功时的回调函数
　　function displayResponse(resp)
　　document.getElementById(”responseArea”).innerHTML = resp
　　

　　//出现问题了，出错时的回调函数
　　function errorHandler(statusCode,statusMsg)
　　alert(statusCode+’: ‘+statusMsg)
　　
　　</script>
　　</head>
　　<body>
　　姓名：<input type=”text” id=”name” size=”10〃>
　　<input type=”button” value=”告诉我” onclick=”getResponse()”><br />
　　<span id=”responseArea”></span>
　　</body>
　　</html>

　　echo.cfc ajax要调用的后台组件：

　　<cfcomponent>
　　<cfprocessingdirective pageencoding=”utf-8〃>
　　<cffunction name=”echo” access=”remote” returnFormat=”json” output=”false”>
　　<cfargument name=”inputTxt” type=”String”>
　　<cfset inputTxt = “Hi “&inputTxt&”, 最近好吗?”>
　　<cfreturn inputTxt>
　　</cffunction>
　　</cfcomponent> 参考技术A http://ishare.iask.sina.com.cn/cgi-bin/fileid.cgi?fileid=3870495

关于AJAX请求的跨域问题以及JSONP的示例

一般情况下出于安全考虑，ajax是不能跨域请求的，只能请求本服务器的数据，即同源请求，但完事皆有可能，处于对开发的要求越来越复杂，跨域请求这种事情当然是可以解决的，下面即是转载自一位大佬的随笔

链接：https://www.cnblogs.com/caijunjun/p/6665317.html

看了上篇文章后，肯定是还有点晕的，毕竟介绍的比较多，但是讲的还是比较简单的，下面这篇文章则是一位大佬写的关于JSONP的跨域请求的示例

链接：http://blog.csdn.net/u014607184/article/details/52027879

看完了，接下来当然就是自己动手尝试一下咯。。。。

以上是关于关于AJAX的简单示例问题,高分!~的主要内容，如果未能解决你的问题，请参考以下文章

使用 Ajax 和 Node.js 的简单按钮单击示例？

通过 AJAX 将高分添加到数据库

Laravel Ajax 下拉示例

高分求解一个JS的问题，是关于商品总价的.

Laravel Ajax下拉示例

高分求助：js缓存问题，急！