如何在Yii中制作ajax请求？

Question

我想做一个ajax请求，允许用户从输入字段发送一些数据到数据库，然后返回到输入字段，就像评论框一样，所以数据应该插入到数据库中，然后显示在无需重新加载页面，在这里输入字段是我的代码：

function getHTTPObject(){ 
    if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP"); 
    else if (window.XMLHttpRequest) return new XMLHttpRequest(); 
    else { 
     alert("Your browser does not support AJAX."); 
     return null; 
    } 
} 


// Implement business logic  
function doWork(){  
    httpObject = getHTTPObject(); 
    if (httpObject !== null) { 
     httpObject.open("GET", "a page or a controller action" 
         , true); 
     httpObject.send(null); 
    // httpObject.onreadystatechange = setOutput; 
    } 
} 

所以，我怎么能做出可以调用的控制器操作，而无需离开整个页面的请求？

Answer 1

首先，为了提出Ajax请求，我建议你使用jQuery。这会容易很多。

这里是（使用jQuery）的例子：

jQuery.getJSON('/path/to/your/controller/someAction/',function(response) { 
console.log('Server reply : ',response); 
} 

在你的控制器的动作，不要忘记送输出JSON：

public function actionSomeAction() 
{ 
    die(json_encode("This is my response")); 
} 

编辑：如果您不需要jQuery的，看到这个SO回答用于在没有jQuery的情况下进行Ajax调用：https://stackoverflow.com/a/8567149/911718