`
lolocomee
  • 浏览: 16307 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

ajax提交的一个post

阅读更多
//页面js提交

function loadconts(){
// keyword type area classify
$.post("action!method", {keyword:$("#contkeyword").val(),
        type:$("#type").val(),area:$("#area").val(),classify:$("#classify").val()}, function(data){
     $("#show").html(data);   
        });
}

//acction里的方法
public String showContpicmethod() {
DetachedCriteria dc = DetachedCriteria.forClass(Model.class);
if (getKeyword() != null) {
if (!getKeyword().equals("")) {
dc.add(Restrictions.like("name", getKeyword(),
MatchMode.ANYWHERE));
}
}
if (getType() != null) {
if (!getType().equals("")) {
dc.add(Restrictions.eq("type", Integer
.parseInt(getType())));
}
}
if (getClassify() != null) {
if (!getClassify().equals("")) {
dc.add(Restrictions.eq("fathertype", Integer
.parseInt(getClassify())));
}
}
if (getArea() != null) {
if (!getArea().equals("")) {
dc.add(Restrictions.eq("province", getArea()));
}
}
perList = dao.findList(dc, 50);
return "show";
}


//struts.xml配置
<result name="show">/show.jsp</result>


//show.jsp,做好界面后抽出来的
...//标签,编码等,${myTag:substr(name,0,6)}是自定义截取字符串标签

<ul class="img fl fix">
<s:iterator value="perList">
<li><img src="icon/i5.jpg" width="104" height="142" forid="${oid }" />
<div><a href="#" title="单击查看内容" target="_blank">${myTag:substr(name,0,6)}</a>&nbsp;</div><div class="tips">点击选择</div><div class="ok" title="已选择"></div></li>
</s:iterator>
</ul>


在页面的ready时先调用一次loadconts(),然后搜索按钮的onclick也绑定loadconts()
分享到:
评论

相关推荐

    ajax POST 与GET提交的区别

    ### AJAX POST 与 GET 提交的区别详解 #### 一、GET与POST基本概念及应用场景 在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到...

    ajax提交表单到后台

    2. **创建Controller**:创建一个Spring MVC的Controller,定义一个处理POST请求的方法: ```java import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind....

    Java 模拟Ajax POST GET 提交代码

    Java 模拟Ajax POST GET 提交代码,实测很好用。

    Asp+ajax提交表单实例

    结合上面的前端和后端代码,我们可以创建一个完整的Asp+Ajax提交表单的实例。前端HTML文件(如index.html)包含表单和JavaScript,后端Asp文件(如submit.asp)处理表单数据。当用户点击提交按钮时,JavaScript会...

    ajax快速解决参数过长无法提交成功的问题

    比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po

    ajax提交form表单和上传图片

    本教程将详细讲解如何利用jQuery、jQuery Form插件以及Spring MVC框架来实现Ajax提交表单并上传图片。通过这种方式,用户无需等待页面刷新,即可完成操作,提升了交互性。 首先,`jquery.js` 是jQuery库的核心文件...

    ajax提交表单小例子

    在“ajax提交表单”这个场景中,我们需要关注的是POST请求,因为表单提交通常涉及到向服务器发送数据。以下是使用JavaScript实现的一个简单例子: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;AJAX提交表单示例 请...

    利用ajax提交表单完整流程

    首先,我们需要创建一个HTML表单,它包含了用户输入的数据和一个用于触发AJAX提交的按钮。例如: ```html 用户名" required&gt; 邮箱" required&gt; 提交 ``` ### 2. 阻止默认表单提交 为了让AJAX提交生效,我们...

    jq ajax提交表单

    完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 &lt;form id="myForm" action="comment.php" method="post"&gt; Name: &lt;input type="text" name="name" /&gt; Comment: &lt;...

    vue12ajax提交表单

    在Vue.js框架中,提交表单是一个常见的任务,特别是在与后端进行数据交互时,我们通常会使用Ajax技术来实现异步通信。Vue.js结合Ajax(通常指的是jQuery的$.ajax或者现代浏览器的fetch API)可以创建高效且用户体验...

    完成的 Ajax 提交表单

    这个方法接受一个配置对象,其中包含了URL、方法(GET或POST)、数据、成功和失败的回调函数等参数。在本例中,你可能将表单的提交事件绑定到一个Ajax请求,这样当用户点击提交按钮时,就会触发Ajax提交。 3. **...

    Django解决Ajax中post提交数据403的代码

    每个表单和Ajax请求都需要一个CSRF令牌,这个令牌是由Django自动生成并存储在用户的session或者cookie中的。服务器会验证每个POST请求中的CSRF令牌是否正确,如果不正确或缺失,就会返回403错误。 **2. 解决403错误...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    2. jQuery是一个JavaScript库,简化了DOM操作,事件处理,动画效果和Ajax交互。它使得JavaScript编程变得更加简单和高效。 3. AJAX(Asynchronous JavaScript and XML)是一种技术,允许网页在不重新加载整个页面的...

    按钮的Ajax请求时一次点击两次提交的解决方法

    这是因为如果未正确处理,一个简单的按钮点击可能会导致Ajax请求和表单提交同时发生,造成不期望的重复提交问题。 当使用HTML表单提交数据时,点击类型为submit的按钮默认会触发表单的提交。在使用JavaScript的Ajax...

    ajax提交中文到servlet

    在AjaxDemo中,可能包含一个HTML文件、一个JavaScript文件(用于创建和发送Ajax请求)以及一个Servlet类(用于接收和处理请求)。HTML文件通过JavaScript调用XMLHttpRequest对象发送包含中文的请求,Servlet接收到...

    ajax提交file文件

    在前端开发中,"ajax提交file文件"是一个常见的需求,特别是在现代Web应用中,用户可能需要上传图片、文档等文件而无需刷新整个页面。Ajax(Asynchronous JavaScript and XML)技术使得这种异步通信成为可能,它允许...

    Ajax中get与post请求详解

    一、get 与 post 的基本区别 1. 参数传递方式:get 请求将参数数据队列加到提交表单的 ACTION 属性所指的 URL 中,而 post 请求通过 HTTP post 机制,将表单内各个字段与其内容放置在 HTML HEADER 内一起传送到 ...

    使用jQuery ajax提交表单代码

    在“使用jQuery ajax提交表单代码”的资源中,我们可以期待看到一个清晰的示例,展示如何将表单数据发送到服务器,并处理响应。 1. **jQuery的$.ajax()函数** - **基本语法**:`$.ajax({ options });` - **选项...

    ajax方式提交表单,全局提交

    在提供的文件列表中,`jquery.form.js`是一个常用的jQuery插件,它扩展了jQuery的功能,使得我们可以轻松地实现AJAX表单提交。另一个文件`jquery-latest.pack.js`是jQuery库的最新压缩版本,提供了基本的DOM操作、...

    ajax提交form表单

    1. **安全性**:使用Ajax提交表单时需要注意安全问题,如CSRF攻击,确保请求是来自合法的来源。 2. **用户体验**:虽然同步请求可以立即得到结果,但会阻塞UI,降低用户体验。推荐使用异步请求。 3. **错误处理**:...

Global site tag (gtag.js) - Google Analytics