最简单的js包装对象、ajax请求_js文件中包装ajax,xhr对象找不到-优快云博客

本文链接：https://blog.youkuaiyun.com/q875401793/article/details/108659517

本文介绍了一个后端程序员如何利用简单的HTML、JavaScript和Ajax技术实现前后端数据交互的方法。通过示例展示了如何创建一个对象来封装用户数据，并将其转换为JSON格式以便于前后端之间的传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作为一个后端的程序员，前端只需要会最简单的html、js、ajax即可独立进行前后端交互的简单开发，虽然不能让界面非常好看，但起码可以在独立完成一些小项目或者毕业设计的时候用到。

js包装对象

var actor = {};
actor["userCode"] = name;
actor["userName"] = name;
actor["password"] = password;
actor["realName"] = realname;
actor["phoneNumber"] = telephone;
actor["email"] = email;
var json = JSON.stringify(actor);

actor为一个对象，json为将对象转为json格式进行前后端交互

ajax请求

$.ajax({
　　"url":"",
　　"method":"post",
　　"contentType":'application/json;charset=utf-8',
　　"dataType":"json",
　　// 要发送给后端的数据参数，post时，数据必须写在data，get可以写在data,也可以跟在地址栏?号后面
　　//"data":json
　　}).then(function(resp){ // ajax请求数据成功时会自动调用then方法的匿名函数
　　　　console.log(resp);
　　}).fail(function(error){ // ajax请求数据失败时会自动调用fail方法的匿名函数
　　　　console.log( error );
　　});