微信提交表单在java后台接收

最新推荐文章于 2022-08-18 14:41:58 发布

危笑qwq

最新推荐文章于 2022-08-18 14:41:58 发布

阅读量843

点赞数 2

分类专栏：微信小程序探索

本文链接：https://blog.csdn.net/qw160/article/details/108207988

版权

微信小程序探索专栏收录该内容

8 篇文章

订阅专栏

效果：微信前端输入信息，点提交，在java后台收到

改进我发布的文章“微信小程序与servlet互动”

wxml

<form bindsubmit="formSubmit">
     <input name="firstname" value="请输入姓名" />
       <input name="lastname" value="请输入姓名" />
 <button formType="submit">提交</button>
    
    </form>

js(主要写form标签里的formSumit函数就是提交动作)

注意function（e）,下面使用e.detail.value.name实现把前端表单内容转到Js操作

 formSubmit:function(e){
console.log(e.detail.value.xingming),
wx.request({
  url: 'http://localhost:8080/wxconnect/wxtestServlet',
  data:{
    firstname:e.detail.value.firstname,
    lastname:e.detail.value.lastname,
},
method:'GET',

})
  }

serlet

package wxconnected;

import java.io.IOException;
import java.io.Writer;

public class wxtestServlet extends javax.servlet.http.HttpServlet {
    protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
        response.setContentType("text/html;charset=utf-8");
        /*设置响应头允许ajax跨域访问*/
        response.setHeader("Access-Control-Allow-Origin", "*");

        /* 星号表示所有的异域请求都可以接受， */
        response.setHeader("Access-Control-Allow-Methods", "GET,POST");

        //获取微信小程序get的参数值并打印
        String username = request.getParameter("username");
        String passsword = request.getParameter("password");
        System.out.println("username:" + username + "passsword:" + passsword);
        String firstname = request.getParameter("firstname");
        String lastname = request.getParameter("lastname");
        System.out.println("姓:" + firstname + "名" +lastname);


        //返回值给微信小程序
        Writer out = response.getWriter();
        out.write("进入后台了");
        out.flush();
    }

    protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
        this.doPost(request, response);
    }
}