当前位置: 首页 > news >正文

使用ajax进行前后端交互的方法

使用ajax进行前后端交互的方法:(我只测试通了json对象作为参数的方式,其他方式我没有测试通过)
1、前端方法:
传参方式:POST
请求类型:json对象
响应类型:json对象

 function test() {var param1Value = "Hello";var param2Value = "World";// 构建发送给服务器的JSON对象var jsonobj = {param1: param1Value,param2: param2Value};$.ajax({type: "POST",//传参方式url: "test01.aspx/tt",  // 这里根据你的WebMethod路径进行修改data: JSON.stringify(jsonobj), //请求类型,将对象序列化为JSON字符串后传递到后端contentType: "application/json; charset=utf-8",dataType: "json", //响应类型success: function (data) {// 请求成功的回调函数// data是服务器返回的JSON对象console.log(data);},error: function (error) {// 请求失败的回调函数console.error(error);}});}

2、后端方法:无需创建一个类来接收前端传来的json字符串,需要注意是:使用的接收参数必须与前端定义的json对象中的键名要一致。

 [WebMethod][ScriptMethod(ResponseFormat = ResponseFormat.Json)]public static string tt(string param1, string param2){//后端创建json对象var resultObject = new{Message = "Success",Data = new{Param1Result = param1.ToUpper(),Param2Result = param2.ToLower(),SomeOtherData = "Hello from server!"}};// 将对象序列化为JSON字符串并返回return Newtonsoft.Json.JsonConvert.SerializeObject(resultObject);}
http://www.lryc.cn/news/97108.html

相关文章:

  • 动手学深度学习——线性回归从零开始
  • Redis缓存击穿
  • 网络安全(黑客)自学的一些建议
  • 全志F1C200S嵌入式驱动开发(基于usb otg的spi-nor镜像烧入)
  • 如何恢复损坏/删除的 Word 文件
  • 【论文阅读】Feature Inference Attack on Shapley Values
  • TDesign 中后台系统搭建
  • Android 实现阅读用户协议的文字控件效果
  • 19.主题时钟
  • ChatGPT在智能电子设备中的应用如何?
  • MGRE之OSPF实验
  • 【Selenium+Pytest+allure报告生成自动化测试框架】附带项目源码和项目部署文档
  • 如何负载均衡中的日志统一管理
  • Java_26_Stream流
  • 周四见 | 物流人的一周资讯
  • uniapp 即时通讯开发流程详解
  • 【Terraform学习】Terraform-docker部署快速入门(快速入门)
  • C# 全局响应Ctrl+Alt+鼠标右键
  • 【Leetcode】54.螺旋矩阵
  • 怎样计算一个算法的复杂度?
  • 【问题记录】Ubuntu 22.04 环境下,打开 VS Code 老是访问密钥环该怎么解决?
  • format格式化输出语法详解
  • RocketMQ教程-(5)-功能特性-事务消息
  • HANA学习笔记
  • VMware虚拟机无法上网的解决办法
  • PLC-Recorder的高速采集有多快?0.5ms算快吗?看控制器能力了!
  • KMP算法总结
  • 消息中间件ActiveMQ介绍
  • 【100天精通python】Day9:数据结构_字典、集合
  • 上海VR全景展示,快速了解VR全景拍摄