- $(function() {
- $('#submit').bind('click', function() {
- var formData = $('#ajaxForm').serialize();
- //.serialize() 方法创建以标准 URL 编码表示的文本字符串
- $.ajax({
- type : "POST",
- url : "form.php",
- cache : false,
- data : formData,
- success : onSuccess,
- error : onError
- });
- return false;
- });
- });
- function onSuccess(data,status){
- data = $.trim(data); //去掉前后空格
- $('#notification').text(data);
- }
- function onError(data,status){
- //进行错误处理
- }
*********************************
function exportLg2JsData(){
if(confirm("确认要导出已确认的数据?")){
var formData = $('#pageForm').serialize();
$.ajax({
type:"post" ,
url:"exportLg2JsData?flagExp=flagExp",
data:formData,
success:function(data){
if(data==0){
alert("没有数据可导出!");
return false;
}else{
$('#pageForm').attr('action','exportLg2JsData');
$('#pageForm').submit();
$('#pageForm').attr('action','lg_turn_JsData_list');
}
}
});
}
}
相关推荐
在处理表单数据时,我们常常需要将表单数据序列化以便于发送到服务器,这就是`ajax-axios-url-form-serialize`插件的作用。 `ajax-axios-url-form-serialize`插件专为Axios设计,用于将HTML表单数据转换成URL编码...
在JavaScript编程领域中,"sendForm.js-Serialize.js"很可能是一个用于序列化表单数据的库或脚本。序列化是将HTML表单中的数据转换为URL编码字符串的过程,这在进行Ajax请求或者发送POST数据时非常常见。下面将详细...
2. jQuery的`serialize()`和`serializeArray()`:这两个jQuery方法方便地将表单数据序列化。`serialize()`返回一个URL编码的字符串,`serializeArray()`则返回一个包含键值对的数组,便于进一步操作。 3. `...
`serialize()`方法用于序列化表单中的所有字段值。它将表单中的数据转换为键值对的形式,例如`name=John&password=123`。 ##### 5.2 设置请求类型 `type: "post"`指定了请求方式为POST。POST请求通常用于发送敏感...
`Ext.form.Basic`对象提供了`getValues()`方法来获取表单字段的值,而`Ext.Ajax.serializeForm()`可以将表单数据转换为URL编码的字符串,适用于POST请求的data参数。 5. **错误处理和提示**:在`failure`回调中,你...
data: $('form').serialize(), // 序列化表单数据 success: function(response) { // 处理服务器返回的数据 }, error: function(jqXHR, textStatus, errorThrown) { // 错误处理 } }); ``` 对于GET请求,...
如果你的表单只需要简单的异步提交,`$.ajaxForm()`会自动处理表单事件和序列化数据。 ```javascript $('form').ajaxForm({ url: 'your-url', success: function(response) { // 处理响应 } }); ``` 四、表单...
jQuery提供了一个便捷的方法`$("form").serialize()`,它可以自动遍历表单中的所有input元素(包括文本框、复选框、单选按钮等),并将它们的值组合成URL编码的字符串。 例如,如果你有一个包含两个输入字段的表单...
data: $(this).serialize(), // 序列化表单数据 success: function(response) { // 处理成功响应,例如显示成功消息 }, error: function(xhr, status, error) { // 处理错误响应,例如显示错误信息 }, }); ...
这个函数能够将表单中的所有可序列化元素(如input、textarea、select等)转换为URL编码的字符串,非常适合用于发送表单数据到服务器。在给定的代码中,`$(“form”).serialize()`就是用来获取当前页面中所有表单...
jQuery Form Plugin提供了一个更简单的$.ajaxForm()方法,它可以自动处理表单的序列化和提交。首先,需要在项目中引入jQuery Form Plugin,然后可以这样使用: ```javascript $('#myForm').ajaxForm({ url: '...
通过传统的 form 表单提交的方式上传文件 <form id="uploadForm" action="" method="post" enctype="multipart/form-data"> 上传文件:<...使用 serialize() 对 form 表单进行序列化提交 $.a
`$(tempForm).serialize()`是序列化表单数据的方法,它会将表单中的所有字段转换成URL编码的字符串,便于发送到服务器。 在ExtJS框架中,也有类似的API可以实现相同的功能。例如,在Ext 3中,可以使用`Ext.Ajax....
在上面的例子中,`e.preventDefault()`防止了表单的默认提交行为,而是使用`formData`变量中的序列化数据进行Ajax提交。 总的来说,jQuery的Ajax功能提供了灵活且强大的方法来处理异步请求。GET和POST是HTTP中最...
在实际应用中,你可以将这个序列化后的字符串作为Ajax请求的数据部分,通过POST方法发送到服务器。例如,使用XMLHttpRequest对象或者现代浏览器支持的fetch API: ```javascript var formData = serialize(document...
data: $(this).serialize(), // 序列化表单数据 dataType: 'json', // 期望的服务器响应类型 success: function(response) { console.log(response); // 在控制台显示服务器返回的数据 }, error: function...
总结来说,jQuery的`serialize()`方法是处理表单数据的利器,它简化了表单数据的序列化过程,使得在AJAX请求中传递表单数据变得异常简单。理解并熟练掌握`serialize()`及其关联方法,对于提高前端开发效率大有裨益。...
data: $(this).serialize(), // 序列化表单数据 success: function(response) { // 处理服务器返回的数据 }, error: function(xhr, status, error) { // 处理错误 } }); }); ``` 二、jQuery Form插件 `...
data: $('#myForm').serialize(), // 序列化表单数据 dataType: 'json', // 预期的服务器响应类型 success: function(response) { if (response.success) { // 提交成功,显示成功消息或执行其他操作 } else {...