ajax javascript post 方法实现（与C#混合使用）

最新推荐文章于 2021-08-05 18:09:31 发布
最新推荐文章于 2021-08-05 18:09:31 发布 · 114 阅读 · 0
文章标签：

#javascript #xhtml #c# #ViewUI

本文介绍了一种使用JavaScript实现Ajax异步传输的方法。通过创建XMLHttpRequest对象并定义回调函数，可以实现在不重新加载整个页面的情况下，仅更新部分数据。

先建一个JS文件命名为Ajax.js


functionCreateXMLHttpRequest()//这里是构造XMLHttpRequest对象的方法
...{
varxmlHttpRequest=null;//这里是大家都常用的IE，firefox中取得XMLHttpRequest对象的方法
try
...{

xmlHttpRequest=newXMLHttpRequest();
}
catch(e)
...{
try
...{
xmlHttpRequest=newActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
...{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");

}
}

returnxmlHttpRequest;
}

functionAjaxSubmit(url,data,changeFunction)//url指定跳转页,data是要post的数据。changeFunction类似于函数指针
...{
varxmlHttpResquest=CreateXMLHttpRequest();
xmlHttpResquest.open("post",url,true);
xmlHttpResquest.setRequestHeader("content-length",data.length);
xmlHttpResquest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttpResquest.send(data);

xmlHttpResquest.onreadystatechange=function()
...{
if(xmlHttpResquest.readyState==4)
...{
try
...{
if(xmlHttpResquest.status==200)
...{
alert(xmlHttpResquest.responseText);
changeFunction(xmlHttpResquest.responseText);//这里可以调用想要的函数
}
}
catch(e)
...{
alert("over");
}
}
}

}

比如我有一个页面叫Start.html或者Start.aspx

<head>
<title>UntitledPage</title>
<scripttype="text/javascript"src="Ajax.js"></script>
</head>
<body>
<scriptlanguage="javascript"type="text/javascript">
AjaxSubmit("Ajax.aspx","nodesInfoTxt=hh",InitForAjax);
//Ajax.aspx是接受数据的页面,InitForAjax是本页面接受到回发数据后要执行的函数。其他的为数据。
functionInitForAjax(str)
...{
alert(str);
}
</script>
</body>

一般.net生成的aspx页面是这样写的

<%...@PageLanguage="C#"AutoEventWireup="true"CodeFile="Ajax.aspx.cs"Inherits="Ajax"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">

</head>
<body>
<formid="form1"runat="server">
<div>

</div>
</form>
</body>


</html>

下面为了回传数据仅仅是数据而不是连同整个页面一起发送过来。

在Ajax.aspx页面这样这样写（这一句就足够了）

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Ajax.aspx.cs"Inherits="Ajax"%>

然后在它的后置类也就是Ajax.aspx.cs中这样写：

//前面省略一些代码生成的东西
protectedvoidPage_Load(objectsender,EventArgse)
...{
if(Request.Form["nodesInfoTxt"]!=null)
stringnodes=Request.Form["nodesInfoTxt"].ToString();
Response.ContentEncoding = System.Text.Encoding.UTF8;
Response.ContentType = "text/xml";
Response.write("bye");
}

你在本函数结束处设一个断点，是否nodes就已经被赋值了呢？然后继续执行你的页面就会跳出一个bye的提示框。这就是Ajax异步传输。

iteye_18051
关注
js 与 c#相互调用
11-21
js 与 c#相互调用js 与 c#相互调用js 与 c#相互调用
C# 如何使用ajax请求
08-18
C# 使用ajax请求是指在C# 项目中使用ajax技术来实现异步更新网页的内容。ajax即“Asynchronous Javascript And XML”（异步JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载...
C# JS Post 提交表单上传文件及其他信息 并接收返回数据显示
qq_24635169的博客
03-15 677
前台页面：          div class="module3">             目标同步入库br />                 file: input type="file" name="imageDatas" multiple/>br />                     dbname: input type="text" name=
ASP.NET-js和C#混合编程的例子
weixin_30312557的博客
03-27 292
使用<text>这个伪元素来强制Razor从编译模式返回到内容模式:12345678910111213141516171819202122232425262728293031<script type="text/javascript">//some javascrpt code here to display map etc//now add mark...
c 接收ajax post数据格式,c# – Ajax JQuery将数据传递给POST方法
weixin_34626779的博客
08-05 368
我是javascript和jquery的新手,如果可能的话我想要一些帮助.我搜索并尝试使它工作,但我想我错过了一些简单的东西.我的cs文件中有以下方法(CeduleGlobale.aspx.cs)[WebMethod]public static void SetSession(string data){HttpContext.Current.Session["salesorderno"] = da...
Javascript 使用ajax与C#获取文件大小实例详解
10-20
在本文中，我们将深入探讨如何使用JavaScript通过Ajax与C#后端进行交互，以获取上传文件的大小。这个过程在Web应用中非常有用，因为可以在用户上传文件之前进行验证，确保文件大小符合服务器的限制。 首先，让我们...
完整C#ajax简单实现实例
01-30
C#与Ajax的结合在现代Web开发中扮演着重要角色，尤其在构建动态、无刷新的用户界面时。Ajax（Asynchronous JavaScript and XML）技术允许前端与后台进行异步通信，提高了网页的交互性和用户体验。在这个"完整C# Ajax...
基于JavaScript如何实现ajax调用后台定义的方法
10-23
以下是如何使用JavaScript实现Ajax调用后台定义的方法： 1. **创建服务器端方法**： 在后台，我们可以在服务器端语言中定义一个公共方法，例如在ASP.NET中，可以在C#的代码-behind文件中创建一个静态方法。在给定...
c# post 读取返回html_java和javaScript实现get、post请求
weixin_39841709的博客
11-29 201
一、JavaScript实现get、post请求：主要使用XMLHttpRequest：创建需要的对象，这里主要用到的是XMLHttpRequest连接和发送接收返回数据其中对Http请求中请求头Content-Type要求：text/html ： HTML格式 text/plain ：纯文本格式 text/xml ： XML格式 image/gif ：gif图片格式 image...
jquery ajax post方式访问web api
moshengrenhere的博客
09-27 1320
1 前端jquery ajax post 方式访问web api的方法 $.ajax({ type: 'POST', contentType: "application/x-www-form-urlencoded", url: 'http://localhost:57181/api/MyWebAPI/GetTao...
ajax中get和post方法给c#传数组
Mybells
10-16 2965
post方法 var arr=["a","b"] $.ajax({ type: "post", url: "../workgroup/GetMapListByView_Monitor_RealtimeInfoOfAll", tanditional:true, data:{arr:arr}...
C# WebApi传参之Post请求-AJAX
weixin_34232744的博客
11-04 871
   最近悟出来一个道理，在这儿分享给大家：学历代表你的过去，能力代表你的现在，学习代表你的将来。    十年河东十年河西，莫欺少年穷。     学无止境，精益求精    上一节讲述了C# WebApi传参之Get请求-AJAX    本节讲述C# WebApi传参之Post请求-AJAX，说起Ajax针对webApi的Post请求，真的不敢恭维，确实比较怪异，如果你不幸要写一个Ajax ...
c#和js的交互(转)
Neo in SAP
08-31 9267
如何在 C#中访问 JavaScript函数?答案如下：c#代码中执行 javaScript函数：方法一：1、Page.RegisterStartupScript("ggg","SetVisible(1);");方法二：使用 Literal类，然后private void Button2_Click(object sender, System.EventArgs e){ string str;
post+js解密实战——e路同心
码上学习
01-31 7939
1：登录页面:使用15517986666 密码a123456 登录抓包谷歌浏览器抓包： 火狐抓包： 分析出： 加密后的密码一致：2：找到js关键加密的地方 modulus exponent 两个是页面隐藏的常量3：js调试工具调试这里使用的是乐易编程助手1.73.1写js方法3.1点击运行报错如下3.2找到setMaxDigits()方法3.3将整个js拷贝到调试工具中3.4点
（C#）AJAX post方式传值
.net已寻山前道，旁路Java重头越
08-22 1724
AJAX传值的方式有两种，GET和POST，GET方式实际上是把数据通过地址栏传值，比如“XX.aspx?id=.....”，这样有两个不足，地址栏只能有255个字符，因为通过地址栏，所以不能传递重要的值，安全性不高，POST方式实际上是把传递的值以表单的方式传递出去，能够存放2G大小的数据，以下是代码部分： Default.aspx页面： 单击按钮时，传递文本框的值到Defa
实现JavaScript与C# Windows应用程序交互的实用指南
当需要在JavaScript前端与C#后端之间进行交互时，有多种方法可以实现，包括但不限于以下几种： 1. Web服务（Web Services） - 使用SOAP或RESTful Web服务来连接前后端。C#可以创建ASP.NET Web服务，而JavaScript...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值