15.JS对象中动态追加参数

js允许给对象(普通对象或节点对象)添加参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="box"></div>
</body>

<script>
    var obj = {age: 10, name: 'zhangsan', eat: function() {
            console.log();
        }
    }

    // var obj = {};
    // obj.age = 10;
    // obj.name = 'zhangsan';
    obj.gender = '女';   //动态给对象添加属性

    // 动态给对象添加方法
    obj.run = function() {
        console.log(this.name + " 在跑步");
    }

    console.log(obj.age);
    obj.eat();
    obj.run();

    console.log('=========================================');

    var box = document.getElementById("box");
    box.abc = 'xyz';
    box.age = 10;

    alert(box.abc);

</script>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP下载文件说明包括两部分内容,一部分是JSP基础知识;另一部分是综合实例。读者可根据相应的使用说明直接使用这些源代码。 一、基础知识部分 此部分是指文件夹名为第1~9章的内容(如表1),这些是书介绍JSP相关知识的源代码。文件的命名规则与书相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并启动Tomcat服务器,在浏览器浏览网页。 表1 第1章 序号 文件名称 位置 说明 1 SimpleJSP.jsp 第1章\ch1 第一个JSP页面 2 web.xml 第1章\ch1\WEB-INF 第1章程序应用的描述文件 表2 第2章 序号 文件名称 位置 说明 1 sample1.html 第2章\ch2 第一个HTML网页 2 sample2.html 第2章\ch2 设置HTML网页标题示例 3 sample3.html 第2章\ch2 设置HTML网页字体示例 4 sample4.html 第2章\ch2 设置HTML网页其他字体示例 5 sample5.html 第2章\ch2 换行与不换行标记示例 6 sample6.html 第2章\ch2 对齐标记示例 7 sample7.html 第2章\ch2 创建表格示例 8 sample8.html 第2章\ch2 设计表单示例 9 sample9.html 第2章\ch2 图象标记示例 10 sample10.html 第2章\ch2 链接标记示例 11 sample11.html 第2章\ch2 简单的JavaScript示例 12 sample12.html 第2章\ch2 介绍String对象示例 13 sample13.html 第2章\ch2 介绍Date对象示例 14 sample14.html 第2章\ch2 介绍Math对象示例 15 sample15.html 第2章\ch2 介绍Windows对象示例 续表 序号 文件名称 位置 说明 16 sample16.html 第2章\ch2 介绍鼠标事件示例 17 sample17.html 第2章\ch2 介绍键盘事件示例 18 sample18.html 第2章\ch2 介绍焦点事件示例 19 sample19.html 第2章\ch2 介绍调整窗口尺寸事件示例 20 sample17.html 第2章\ch2 介绍加载和卸载事件示例 21 02_1.jpg 第2章\ch2\image sample9.html使用的图片文件 22 web.xml 第2章\ch2\WEB-INF 第2章程序应用的描述文件 23 register.html 第2章\ch2 习题答案,用户注册页面 表3 第3章 序号 文件名称 位置 说明 1 Add.java 第3章\ch3 习题答案(编程题第1题) 2 Add.class 第3章\ch3 习题答案(编程题第1题) 3 Fibonacci.java 第3章\ch3 习题答案(编程题第2题) 4 Fibonacci.class 第3章\ch3 习题答案(编程题第2题) 5 Cylinder.java 第3章\ch3 习题答案(编程题第3题) 6 Cylinder.class 第3章\ch3 习题答案(编程题第3题) 表4 第4章 序号 文件名称 位置 说明 1 example.jsp 第4章\ch4 一个典型的JSP页面 2 head.jsp 第4章\ch4 include指令示例(显示标题和页头) 3 body.jsp 第4章\ch4 include指令示例(显示页体) 4 tail.jsp 第4章\ch4 include指令示例(显示页尾) 5 include.jsp 第4章\ch4 利用include指令包含上述3个JSP页面 6 example1.jsp 第4章\ch4 Scriptlet示例 7 div.jsp 第4章\ch4 处理客户请求阶段的错误示例 8 error.jsp 第4章\ch4 div.jsp页面的错误处理页面 9 web.xml 第4章\ch4\WEB-INF 第4章程序应用的描述文
### 回答1: $.post 方法可以通过设置参数对象动态设置参数名。例如: ``` var params = {}; params[paramName] = paramValue; $.post("url", params, function(data) { // 处理返回数据 }); ``` 其,paramName 和 paramValue 可以动态设置。 ### 回答2: 在使用$.post进行数据请求时,通常我们会将参数名固定,比如: ``` $.post(url, {key1: value1, key2: value2}, function(response){ //处理返回结果 }); ``` 在这个例子参数名是固定的,为key1和key2。但是有时候我们希望根据不同的情况来设置动态参数名。 有一个简单的方法可以实现这个需求,就是使用ES6的计算属性名。通过使用方括号 [] 来设置参数名,我们可以将参数名设为一个变量或是通过表达式来动态设置。比如: ``` let parameterName = 'key1'; let parameterValue = 'value1'; let data = { [parameterName]: parameterValue, // 使用计算属性名 key2: 'value2' }; $.post(url, data, function(response){ //处理返回结果 }); ``` 在这个例子,parameterName为参数名变量,我们在data对象通过使用计算属性名的方式将其作为动态参数名。这样,当parameterName的值改变时,data对象参数名也会相应改变。 这种方法可以在我们需要根据不同情况设置动态参数名的场景很有用。同时,我们也可以通过表达式的方式来设置参数名,比如使用条件判断、追加字符串等。这样我们就能够根据具体需求来灵活地设置参数名。 ### 回答3: 在使用$.post发送POST请求时,我们可以通过设置动态参数名来传递不同的数据。 首先,动态参数名一般是通过变量来定义的。我们可以将变量的值作为参数名,然后将对应的值作为参数值传递给后端服务器。例如: ```javascript var paramName = "username"; var paramValue = "John"; $.post(url, {[paramName]: paramValue}, function(data){ // 处理返回的数据 }); ``` 以上代码,我们定义了变量paramName为"username",它将作为参数名传递给服务器。然后我们定义了变量paramValue为"John",它将作为参数值传递给服务器。我们使用了ES6的语法,以变量paramName的值作为属性名来构建参数对象。最后,我们通过$.post发送了一个POST请求,并将参数对象作为参数传递给服务器。 在后端服务器接收到请求时,可以通过动态参数名来获取对应的参数值。具体的操作方式取决于后端服务器的编程语言和框架。 总结起来,通过设置动态参数名,我们可以在$.post请求传递不同的数据。这样可以提高代码的灵活性和可复用性,同时也便于在前后端之间传递多样化的数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值