学习前端踩的坑

  进入大三很久没有写前端了,今天开始记录一下血泪史

  坑1:用post方法传json数据

  var param={name:userName,pwd:userPwd}; 是传递给后端的json数据

  以为和postman里写的格式一样就好了,然鹅,一直400错误,后来找了好久才知道要用 JSON.stringify(param)

  具体操作看下图

$("#loginBtn").click(function(){
              var userName=$("#inputName").val();
              var userPwd=$("#inputPwd").val();
              var param={name:userName,pwd:userPwd};
              console.log(userName+"  "+userPwd);
              console.log(JSON.stringify(param));
              $.ajax({
                type:"POST",
                contentType : "application/json;charset=utf-8",
                  url:"http://localhost:8080/api/student/login",
                  dataType:"json",
                  data:JSON.stringify(param),
                  //用于将 JavaScript 值转换为 JSON 字符串一定要用这个函数,否则会400
                  success:function(data){
                      console.log(data);
                      if(data.code==0){
                         window.location.href="index.html";//页面跳转
                      }
                  }
              });
         });

 

推荐这些文章:

【前端】语法学习

<script>
// var 定义变量
{
var a = 10
var b = "zhangsan"
}
console.log(a , b)
var a = 20
var b = 30
console.log(a , b)
a = 40
b = 50
console.log(a , b)

// let 定义变量
let c = 60
let d = "lisi"
// let c = 70 -- let 定义的变量不能被二次定义,...

前端——JSON学习总结

学习网址:
https://www.bilibili.com/video/BV1Pt411u7R3
什么是JSON?(以下有关概念内容为视频中学习文档相关内容,代码为本人学习时使用的有关代码)
JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式,目前使用特别广泛。

采用完全独立于编程语言的文本格式来存储和表示数据。
简洁和清晰的层次结构使得JSON成为理想的数据交换语言。
易于阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

在javaScript语言中,一切都是对象。因此,任何javaScript支持的类型都可以通过...

JSON.stringify()和JSON.parse()

json.stringfy()将对象、数组转换成字符串;
json.parse()将字符串转成json对象。
参考:https://www.cnblogs.com/panmy/p/5925986.html

...

如何判断数组中是否存在某个对象

var arr = [{a:1,b:2},{a:3,b:4},{a:5,b:2}];

JSON.stringify(arr).indexOf(JSON.stringify({a:5,b:2}))
#输出-1表示不存在;反之则存在

 
var arr = [{a:1,b:2},{a:3,b:4},{a:5,b:2}]

从啥也不会开始吧

...

JS 变量提升, 函数提升

console.log(a)
var a;
console.log(a)
a = 10
console.log(a)
function a() {
let c = 1;
}
console.log(a)

//相当于:
function a() {
let c = 1;
}
var a;
console.log(a)
console.log(a)
a = 10
console.log(a)
console.log(a)

1) 变量声明存在提升,函数声明存在提升,但函数声明比变量声明更置顶
2) 声明过...

微信小程序获取iv,encryptedData参数

wx.getUserInfo({
success: function(p) {
console.log(JSON.stringify(p))
wx.request({
url: `${httpUrl.url}`,
method: 'POST',
data: {
code: res.code,
...

Django - HttpResponse返回JSON数据时中文编码为Unicode

return JsonResponse(json.loads(songInfo),json_dumps_params={"ensure_ascii":False})
 
加入:json_dumps_params={"ensure_ascii":False}参数即可!
 
return HttpResponse(json.dumps("成功!",ensure_ascii=False), content_type='application/json', charset='utf-8')

...

jqury获取json字符串的属性值

1.将json字符串反序列化为对象
2.获取对象的属性值

var str = {'id':11,'name':'zs'};

var json = eval("(" + str + ")");
console.log(json.name);//结果为zs

 

...

文章标题:学习前端踩的坑
文章链接:https://www.dianjilingqu.com/4259.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>