普通js的ajax代码改写为jquery的ajax问题!

iou3344 2016-02-27 08:04:03
http://bbs.csdn.net/topics/391906197 接这个帖子,再提问一下:

<script>
function submit2other(form2) {
var $form = $(form2);/////////////
if ($form.find(':checked').size() == 0) {
alert('选一个可以吗?!');
return false;
}
var actor = [];
$form.find('.actor :checked').each(function (index, element) {
actor.push($(this).val());
});
$form.find('[name="star"]').val(actor.join('+'));

var classification = [];
$form.find('.classification :checked').each(function (index, element) {
classification.push($(this).val());
});
$form.find('[name="leibie"]').val(classification.join('+'));



if (window.XMLHttpRequest) {
var xmlhttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
return false;
}
}
} else {
return false;
}
postd = "star=" + form2.star.value + "&leibie=" + form2.leibie.value;
//alert('为什么取不到值呢?');
alert(postd);
xmlhttp.open("POST", "my_search_check2.asp", true);
xmlhttp.setRequestHeader("Content-Length", postd.length);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(postd);
return true;
}
</script>


这部分ajax功能用jquery改写 是不是下面这样?

<script>
function submit2other(form2) {
var $form = $(form2);/////////////
if ($form.find(':checked').size() == 0) {
alert('选一个可以吗?!');
return false;
}
var actor = [];
$form.find('.actor :checked').each(function (index, element) {
actor.push($(this).val());
});
$form.find('[name="star"]').val(actor.join('+'));

var classification = [];
$form.find('.classification :checked').each(function (index, element) {
classification.push($(this).val());
});
$form.find('[name="leibie"]').val(classification.join('+'));

$.ajax({
url: 'AJAX_search_check.asp',
type: 'POST',
data: $(form1).serialize(),
success: function (data) { alert('成功:'+data)},
error: function (xhr) { alert('服务器出错,返回内容:'+xhr.responseText)}
});
return true;

}
</script>

@无聊码农
...全文
79 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2016-02-27
  • 打赏
  • 举报
回复
data: $(form1).serialize(), ===>函数参数是form2,不是form1 data: $(form2).serialize(),
iou3344 2016-02-27
  • 打赏
  • 举报
回复
谢谢showbo版主
第二部分 第1章 认识jQuery 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 1.1.2 JavaScript库作用及对比 1.2 加入jQuery 1.2.1 jQuery简介 1.2.2 jQuery的优势 1.3 jQuery代码的编写 1.3.1 配置jQuery环境 1.3.2 编写简单的jQuery代码 1.3.3 jQuery代码风格 1.4 jQuery对象和DOM对象 1.4.1 DOM对象和jQuery对象简介 1.4.2 jQurey对象和DOM对象的相互转换 1.4.3 实例研究 1.5 解决jQuery和其他库的冲突 1.6 jQuery开发工具和插件 1.7 小结 第2章 jQuery选择器 2.1 jQuery选择器是什么 2.2 jQuery选择器的优势 2.3 jQuery选择器 2.3.1 基本选择器 2.3.2 层次选择器 2.3.3 过滤选择器 2.3.4 表单选择器 2.4 应用jQuery改写示例 2.5 选择器中的一些注意事项 2.5.1 选择器中含有特殊符号的注意事项 2.5.2 选择器中含有空格的注意事项 2.6 案例研究——某网站品牌列表的效果 2.7 其他选择器 2.7.1 jQuery提供的选择器的扩展 2.7.2 其他使用CSS选择器的方法 2.8 小结 第3章 jQuery中的DOM操作 3.1 DOM操作的分类 3.2 jQuery中的DOM操作 3.2.1 查找节点 3.2.2 创建节点 3.2.3 插入节点 3.2.4 删除节点 3.2.5 复制节点 3.2.6 替换节点 3.2.7 包裹节点 3.2.8 属性操作 3.2.9 样式操作 3.2.10 设置和获取HTML、文本和值 3.2.11 遍历节点 3.2.12 CSS—DOM操作 3.3 案例研究——某网站的超链接和图片提示效果 3.4 小结 第4章 jQuery中的事件和动画 4.1 jQuery中的事件 4.1.1 加载DOM 4.1.2 事件绑定 4.1.3 合成事件 4.1.4 事件冒泡 4.1.5 事件对象的属性 4.1.6 移除事件 4.1.7 模拟操作 …… 第5章 jQuery对表单、表格的操作及更多应用 第6章 jQueryAjax的应用 第7章 插件的使用和写法 第8章 用jQuery打造个性网站

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧