ajax jquery url规范

时间:2011-05-25 21:18:58

标签: jquery ajax spring

嘿,我对ajax uri的工作方式感到困惑。请看下面的代码:

<script>
function clickHandler(){
    $.ajax({
        **url : "http://localhost:8080/csp/ajaxchangerole.html?user=" + document.getElementById('userid').value,**
        dataType: 'text',
        success : function (data) {
        $("#roleval").html(data);
        }
        });
}

即使我将网址更改为此方式

也会有效
<script>
function clickHandler(){
    $.ajax({
        **url : "ajaxchangerole.html?user=" + document.getElementById('userid').value,**
        dataType: 'text',
        success : function (data) {
        $("#roleval").html(data);
        }
        });
}

但是如果我将url更改为下面提到的两个url中的任何一个,它甚至不会调用控制器。我不知道为什么。有人可以解释我需要在下面指定的URL调用控制器吗?

url:“admin / ajaxchangerole.html?user =”+ document.getElementById('userid')。value, 要么 网址:“http://localhost:8080/csp/admin/ajaxchangerole.html?user=”+ document.getElementById('userid')。value,

以下是我的xml文件中的代码段,其中包含上述网址的映射:

<bean name="/admin/changerole.html" class="csp.spring.controller.admin.ChangeRoleFormController" >
    <property name="customerDao"     ref="customerDao" />
    <property name="commandName"     value="customer" />
    <property name="commandClass"    value="csp.model.Customer" />
    <property name="formView"        value="admin/changerole" />
    <property name="successView"     value="home" />
</bean>

<bean name="/admin/ajaxchangerole.html" 
    class="csp.spring.controller.admin.ChangeRoleAjaxController">
    <property name="customerDao"   ref="customerDao" />
    <property name="authorityDao"  ref="authorityDao" />
</bean>

我无法理解为什么我必须从上面的两个映射中删除“/ admin”才能让这个ajax部分工作。任何帮助是极大的赞赏。提前谢谢。

此致 5-羟色胺大通

据透露, 我的控制员:

1.ChangeRoleAjaxController

package csp.spring.controller;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;

import csp.model.Authority;
import csp.model.Customer;
import csp.model.dao.AuthorityDao;
import csp.model.dao.CustomerDao;
import csp.model.dao.ParkingLotDao;



public class ChangeRoleAjaxController implements Controller {
    CustomerDao     customerDao;
    AuthorityDao    authorityDao;
    public CustomerDao getCustomerDao() {
        return customerDao;
    }
    public void setCustomerDao(CustomerDao customerDao) {
        this.customerDao = customerDao;
    }
    public AuthorityDao getAuthorityDao() {
        return authorityDao;
    }
    public void setAuthorityDao(AuthorityDao authorityDao) {
        this.authorityDao = authorityDao;
    }
    public ModelAndView handleRequest(HttpServletRequest request,
            HttpServletResponse response) throws Exception {     

        System.out.println("Username: " + request.getParameter("user"));
        Customer customer = customerDao.getUserByName(request.getParameter("user"));
        Authority a = customer.getAuthority();
        if(a.getAuthority().equals("ROLE_USER"))
            a.setAuthority("ROLE_OWNER");
        else if(a.getAuthority().equals("ROLE_OWNER"))
            a.setAuthority("ROLE_USER");
        authorityDao.add(a);
        customer.setAuthority(a);
        customerDao.add(customer);
        return new ModelAndView("/admin/ajax_changerole").addObject("role", a.getAuthority());
    }

}

下一个控制器: 2. ChangeRoleFormController

package csp.spring.controller;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.security.providers.encoding.PasswordEncoder;
import org.springframework.util.StringUtils;
import org.springframework.validation.BindException;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.SimpleFormController;

import csp.spring.security.SecurityUtils;
import csp.model.Authority;
import csp.model.Customer;
import csp.model.dao.AuthorityDao;
import csp.model.dao.CustomerDao;

public class ChangeRoleFormController extends SimpleFormController {

    CustomerDao     customerDao;
    public CustomerDao getCustomerDao() {
        return customerDao;
    }

    public void setCustomerDao(CustomerDao customerDao) {
        this.customerDao = customerDao;
    }
    /*
    protected Object formBackingObject( HttpServletRequest request )
    throws Exception
    {
        return new Customer();
    }*/
    protected ModelAndView onSubmit( HttpServletRequest request,
        HttpServletResponse response, Object command, BindException errors ) throws Exception 
        {
            Customer customer = customerDao.getUserByName(request.getParameter("user"));
            String name = customer.getFirstName() + " " + customer.getLastName();
            String username = customer.getUserName();
            String role = customer.getAuthority().getAuthority();
            return new ModelAndView("/changerole").addObject("name", name)
            .addObject("username", username).addObject("role", role).addObject("flag", true);
        }

}

我的两个jsp文件: changerole.jsp changerole.jsp changerole.jsp

下一个jsp文件: 2. ajax_changerole.jsp

ajax_changerole.jsp

1 个答案:

答案 0 :(得分:1)

在导入JSTL标记库之后将其放在JSP的顶部(假设您使用的是JSTL):

<c:set var="contextPath" value="${pageContext.request.contextPath}"/>

然后将此值提供给您的网址:

url : "${contextPath}/admin/ajaxchangerole.html?user=" + document.getElementById('userid').value

作为旁注,使用jQuery选择器而不是document.getElementById()是一个好主意。它们易于使用,更易读,更兼容跨浏览器。