Webform常用的开发方式
(1)运用服务器端控件的aspx页面
(2)一般处理程序+html静态页面+Ajax(所谓的前后端分离)
(3)一般处理程序+html模板引擎
 
这里简单记录html+Aajx的方式
 
场景: 保存列表信息
 
1.提交按钮,触发ajax方法
   <div style="text-align: right; padding: 10px 35px;">
<input type="button" value=" 保存 " class="submit" onclick="javascript: savepro();" />
</div>
调用$.ajax前 需要引用jquery.js
 <script type="text/javascript">
//保存
function savepro() {
boxAlpha(); var contentall = "";
$(".project").each(function () {
var idx = $(this).attr("id").replace("txtproject", "");
contentall += $("#hidproid" + idx).val() + "&"; //id
contentall += $("#txtprono" + idx).val() + ";";
});
$.ajax({
type: 'POST',
cache: false,
dataType: 'json',
url: "ajaxmethod.aspx?random=" + Math.random(),
data: {
contentall: contentall, Method: "UpdateEquipInfo"
},
success: function (data, textStatus) {
boxAlpha();
if (data.Status == true) {
alert("保存成功");
window.location.reload();
}
else {
alert(data.Message);
}
}
})
</script>
2.aspx页面处理html提交的数据
  新建ajaxMethod.aspx

  #region JSON返回类型
/// <summary>
/// JSON返回类型
/// </summary>
private class Act
{
/// <summary>
/// 状态代码
/// </summary>
public bool Status { get; set; }
/// <summary>
/// 错误代码
/// </summary>
public int ErrorNo { get; set; }
/// <summary>
/// 状态消息
/// </summary>
public string Message { get; set; }
/// <summary>
/// 自定义数据
/// </summary>
public object MyObject { get; set; } }
#endregion #region
if (Request.Params["Method"] == "UpdateEquipInfo")
{
Act act = new Act();
act.Status = false;
try
{
act.Status = true;
//业务代码
//DoSomething();
}
catch (Exception ex)
{
act.Message = ex.Message;
act.Status = false;
}
Response.Write(JsonConvert.SerializeObject(act));
}
#endregion

Webform中的前后端分离的更多相关文章

  1. AngularJS中在前后端分离模式下实现权限控制 - 基于RBAC

    一:RBAC 百科解释: 基于角色的访问控制(Role-Based Access Control)作为传统访问控制(自主访问,强制访问)的有前景的代替受到广泛的关注.在RBAC中,权限与角色相关联,用 ...

  2. SSM框架中的前后端分离

    认识前后端分离 在传统的web应用开发中,大多数的程序员会将浏览器作为前后端的分界线.将浏览器中为用户进行页面展示的部分称之为前端,而将运行在服务器,为前端提供业务逻辑和数据准备的所有代码统称为后端. ...

  3. 在k8s中部署前后端分离项目进行访问的两种配置方式

    第一种方式 (1) nginx配置中只写前端项目的/根路径配置 前端项目使用的Dockerfile文件内容 把前端项目编译后生成的dist文件夹放在nginx的html默认目录下,浏览器访问前端项目时 ...

  4. SpringBoot电商项目实战 — 前后端分离后的优雅部署及Nginx部署实现

    在如今的SpringBoot微服务项目中,前后端分离已成为业界标准使用方式,通过使用nginx等代理方式有效的进行解耦,并且前后端分离会为以后的大型分布式架构.弹性计算架构.微服务架构.多端化服务(多 ...

  5. centos7部署前后端分离项目的过程

    概述 本文主要讲解在安装了centos7的Linux主机中部署前后端分离项目的过程. 前端项目名为:vue_project:后端项目名为:django_project. 将这两个项目放在/opt/wh ...

  6. springboot+vue的前后端分离与合并方案

    pringboot和vue结合的方案网络上的主要有以下两种: 1. [不推荐]在html中直接使用script标签引入vue和一些常用的组件,这种方式和以前传统的开发是一样的,只是可以很爽的使用vue ...

  7. 前后端分离之 跨域和JWT

    书接上回:https://www.cnblogs.com/yangyuanhu/p/12081525.html 前后端分离案例 现在把自己当成是前端,要开发一个前后分离的简单页面,用于展示学生信息列表 ...

  8. 前后端分离中,Gulp实现头尾等公共页面的复用

    前言 通常我们所做的一些页面,我们可以从设计图里面看出有一些地方是相同的.例如:头部,底部,侧边栏等等.如果前后端分离时,制作静态页面的同学,对于这些重复的部分只能够通过复制粘贴到新的页面来,如果页面 ...

  9. 在前后端分离Web项目中,RBAC实现的研究

    最近手头公司的网站项目终于渐渐走出混沌,走上正轨,任务也轻松了一些,终于有时间整理和总结一下之前做的东西. 以往的项目一般使用模板引擎(如ejs)渲染出完整页面,再发送到浏览器展现.但这次项目的处理方 ...

随机推荐

  1. .getCellType()的几种类型值

    CellType 类型 值   CELL_TYPE_NUMERIC 数值型 0 CELL_TYPE_STRING 字符串型 1  CELL_TYPE_FORMULA 公式型       2   CEL ...

  2. 【POJ2996】Help Me with the Game

    题目传送门 本题知识点:模拟(如果对国际象棋不熟悉的同学可以先百度一下) 题意很简单,就是让我们找出白棋跟黑棋每枚棋子的位置,并要按照一定的顺序输出( K -> Q -> R -> ...

  3. nRF51822 硬件复位引脚

    nRF51822 有一个硬件复位引脚和Debug 口SWDIO是共用的,名字叫做nReset. 实现硬件复位是怎样子的: 1.这个引脚引出来, 2.给这个引脚低电平, 3.从低电平拉到高电平,即复位. ...

  4. updateprimarykey 和updateprimaryKeySelective

    updateprimarykey 会对左右的字段都进行更新,updateprimaryKeySelective 只会对不为null的字段进行更新..所以在填表的web项目需要注意这个两个方法的选择,因 ...

  5. unity2019新建LWRP项目出错:Failed to resolve project template

    原因不详,但是在C盘创建项目的确会出现这个问题,改到D盘或E盘就没这个问题了

  6. Android 属性property_get/property_set

    每个属性都有一个名称和值,他们都是字符串格式.属性被大量使用在Android系统中,用来记录系统设置或进程之间的信息交换.属性是在整个系统中全局可见的.每个进程可以get/set属性. 在系统初始化时 ...

  7. tar_ssh 配合下载文件(适合于带宽充足传输大量小文件场景)

    局域网网速快,但是当要传输大量小文件时倘若仍然使用scp,由于每个文件传输完毕都需要独立进行传输完毕的确认,这样就无法充分利用带宽.一方面等待确认时tcp窗口无法填满,另一方面文件传完之前确认也不会开 ...

  8. 深度强化学习 之 运行环境 mujoco 报错 ERROR: GLEW initalization error: Missing GL version

    使用  mujoco环境  运行代码,报错 ERROR: GLEW initalization error: Missing GL version 一直无法解决,发现网址: https://blog. ...

  9. 本地jar包上传docker容器

    先安装docker的注册服务器: [root@VM_0_7_centos ~]# docker run -d -p : --restart=always --name registry2 regist ...

  10. 【前端】input输入框只能输入大于等于0的正数

    大于等于0的正数,允许小数 <input type="number" step="1" min="0" onkeyup="t ...