基于Vue3+Vite+TS，二次封装element-plus业务组件mmm

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

## 基于Vue3+Vite+TS，二次封装element-plus业务组件

后台代码都是应用的

1.【get方式】运用jquery的get json与后台交互

前端js代码片段

?

1 2 3 4 5 6 7 8

var data= { 'a': $('input[name="a"]').val(), 'b': $('input[name="b"]').val() } $.getJSON($SCRIPT_ROOT + '/_add_numbers',data, function(data) { $('#result').text(data.result); $('input[name=a]').focus().select(); });

后端pthon代码如下

?

1 2 3 4 5 6

# ajax，Get方式与js交互(非表单）采用了flask框架@app.route('/_add_numbers')def add_numbers():   """Add two numbers server side, ridiculous but well..."""   a = request.args.get('a', 0, type=int)   b = request.args.get('b', 0, type=int)   log.info(a)   log.info(b)  return jsonify(result=a + b)

2.【万能方式】运用jquery的ajax与后台交互，设置不同的参数，能够get也能够post

上面的例子用ajax方式，前端代码如下

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

var data= {           'a': $('input[name="a"]').val(),           'b': $('input[name="b"]').val()         } {#        $.getJSON($SCRIPT_ROOT + '/_add_numbers',data, function(data) {#} {#          $('#result').text(data.result);#} {#          $('input[name=a]').focus().select();#} {#        });#}         $.ajax({           type: 'get',           url: $SCRIPT_ROOT + '/_add_numbers',           data: data,           contentType: 'application/json; charset=UTF-8',           dataType: 'json',           success: function(data) {             $('#result').text(data.result);             $('input[name=a]').focus().select();           },           error: function(xhr, type,xxx) {             alert('error ')           }         });

链接：https://pan.baidu.com/s/1ZN550kS58K4T-7P883tJaQ
提取码：rxcr
--来自百度网盘超级会员V4的分享

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：Element PLUS MEN vit LEM

qiusuo102 发表于 2021-12-5 20:47
## 基于Vue3+Vite+TS，二次封装element-plus业务组件
后台代码都是应用的1.【get方式】运用jquery的get js ...

感谢分享