ajax 取某form表单 内的 name值

name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值

1

2

$("input:text")attr("name");

$("input:text")prop("name"); // 也可以使用prop()方法获取属性

示例代码如下

创建Html元素

1

2

3

4

5

6

7

<div class="box">

<span>点击按钮获取文本框的name属性值：</span>

<div class="content">

<input type="text" name="test" value="这个文本框的name属性值为test">

</div>

<input type="button" class="btn" value="获取文本框name值">

</div>

设置css样式

1

2

3

4

5

divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:200px;height:30px;border:none;}

input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

1

2

3

4

5

$(function(){

$("input:button")click(function() {

alert($("input:text")attr("name"));

});

})

观察效果

1、如果用的jquery 你就都用jquery，不要在你的$post里面又用原生的js

2、用的ajax，jstl是没有用的

3、把你$post中得到的数据data转化成json。遍历参考如下

packJson = [ {"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"} ]; for(var p in packJson){//遍历json数组时，这么写p为索引，0,1 alert(packJson[p]name + " " + packJson[p]password);

}

4、你的data转json eval('(' + data+ ')')

5、你的ul应该在最外层。遍历的时候在ul里面加li。最后把<ul><li></li><li></li><ul/> html到对应的div

6、等以后会用了，再考虑兼容性

html标签中input标签属于表单标签，也就是form标签，这些便签加上name属性，例如：<input name='userId' type='text' value='test'/>

那么在提交的时候，就会将这些标签以name属性作为参数提交到给处理页或程序。

如果是ajax传值，可以通过js获取参数值，然后拼接字符串提交，示例就不贴出来了，google上一堆。

方法和详细的 *** 作步骤如下：

1、第一步，安装并配置PHP集成环境，以phpstudy为例，见下图，转到下面的步骤。

2、第二步，完成上述步骤后，在>

3、第三步，  完成上述步骤后，html文件首先引用所需的类库jquery文件，然后引用正文部分，以简单的表单提交为例，见下图，转到下面的步骤。

4、第四步，完成上述步骤后，html的javascript-ajax部分，以上一步正文中的cilik事件为例，见下图，转到下面的步骤。

5、第五步，完成上述步骤后，php文件的准备部分主要使用$ _POST接受ajax传输的数据，并且可以返回不同类型的数据。

 例如回声结果或转码为json格式的json_encode数据将返回到前端进行处理，见下图，转到下面的步骤。

6、第六步，完成上述步骤后，结果显示：提交表单中的内容后，无需刷新即可显示该内容，见下图。这样，就解决了这个问题了。

以上就是关于ajax 取某form表单 内的 name值全部的内容，包括:ajax 取某form表单 内的 name值、Ajax获取到后台json数据，然后怎么取其中name的值赋值给li标签里面、ajax 如何获取get页面的div 和 input value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！