【小程序】通过request实现小程序与后台asp.net的数据json传输（Post协议图文+代码）

最新推荐文章于 2023-07-26 17:41:50 发布

敦厚的曹操

最新推荐文章于 2023-07-26 17:41:50 发布

阅读量1.2k

点赞数 1

分类专栏： 0.【小程序】 2.【Asp.Net】文章标签： json

本文链接：https://blog.csdn.net/dxnn520/article/details/125386486

版权

2.【Asp.Net】同时被 2 个专栏收录

130 篇文章 3 订阅

订阅专栏

0.【小程序】

53 篇文章 3 订阅

订阅专栏

本文展示了如何使用微信小程序进行前端展示，并通过调用ASP.NET后端API进行数据交换。在小程序中，代码显示了如何展示学生信息，并发送HTTP请求到后端接口。后端ASP.NET通过ApiPost.ashx处理请求，接收并返回JSON数据，实现了数据的传递和解析。

摘要由CSDN通过智能技术生成

一、微信小程序前端代码

1、index.wxml



<view>
    {{student[0].name}}
</view>
<view>
    {{student[0].sex}}
</view>
<view>
    {{student[0].old}}
</view>

2、index.js

// index.js
// 获取应用实例
const app = getApp()

Page({
    data: {
        student: [{
            "name": "张三",
            "old": "15",
            "sex": "女"
        }]
    },
    // 事件处理函数
    onLoad() {
        wx.request({
            url: 'http://localhost:3954/handle/ApiPost.ashx',
            method: "post",
            header: {
                'content-type': 'application/x-www-form-urlencoded;charset=utf-8' // 默认值  x-www-form-urlencoded;charset=utf-8    json
            },
            data: {
                id: 666,
                name: "刘德华"
            },
            success: res => {
                var resData = res.data.replace(" ", "");
                //去掉utf8编码的BOM头
                resData = resData.replace(/\ufeff/g, "");
                var jsonObj = JSON.parse(resData);
                console.log(jsonObj);
                this.setData({
                    student: jsonObj
                })
            }
        })

    },
})

二、ASP.net后端代码

1、ApiPost.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ApiPost.aspx.cs" Inherits="ApiPost" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>接受和回传get/post参数</title>
</head>
<body> 
    接受和回传get/post参数
</body>
</html>

2、ApiPost.aspx.cs

using System;
using System.Collections.Generic;

using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class ApiPost : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

}

3、ApiPost.ashx

<%@ WebHandler Language="C#" Class="ApiPost_handle" %>

4、ApiPost.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Newtonsoft.Json;
using System.IO;
using Newtonsoft.Json.Linq;
using Newtonsoft.Json;

    /// <summary>
    /// TestHandler 的摘要说明
/// </summary>  

public class ApiPost_handle : IHttpHandler
{
  
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string id = context.Request["id"];
            string name = context.Request["name"];
            string json1 = "[{\"name\":\""+name+"\","+
        "\"old\":\"45\"," +
        "\"sex\":\"男\"}]";
        context.Response.Write(JsonConvert.SerializeObject(json1));
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }