Django使用AJAX和Forms，Views

问题描述

我有一个表单用于添加一个项目，其中2个下拉列表使用不同的数据库填充，而不是数据库，在该数据库中表单将被提交。我想将AJAX添加到下拉列表中，在第一个下拉列表中选择一个项目将自动使用AJAX填充第二个下拉列表中的数据。问题是我使用相同的视图来填充数据，即使使用is.ajax（）调用，它也不能工作。

这是我的AJAX代码：

  function get_data（）{ 
 // alert（'test'）; 
 new Ajax.Request（'/ abc / abc / add'，{
 method：'POST'，
 parameters：$ H（{'type'：$（'id_data'）。 getValue（）}，
 {'csrfmiddlewaretoken'：$（csrfmiddlewaretoken）.getValue（）}），
 onSuccess：function（transport）{
 var e = $（'id_def' ）
 if（transport.responseText）
 e.update（transport.responseText）
} 
}）; //结束新的Ajax.Request 
 // alert（$（csrfmiddlewaretoken）.getValue（））; 
} 
  

这是我的视图代码：

  if request.is_ajax（）：
 #if request.is_ajax（）
 cur = connections ['data']。cursor（）
 #auto_type = Auto.objects.filter（type = request.POST.get（'type'，''））
 abctype = request.POST.get（'type'，''）
 SQL ='SELECT uuid FROM abc_abc where uid =％s'，abctype 
 cur.execute（SQL）
 auto_type = cur.fetchone（）
 
 
 
 
 cur = connections ['data']。cursor（）
 SQL ='SELECT uuid，name FROM abc_abc where parent_id =％s'，auto_type 
 cur.execute（SQL）
 colors = cur.fetchall（）
 return render_to_response（'abc / add_abc.html'，{
'colors'：colors，
}，context_instance = RequestContext（request））
  

还有什么我错过了吗？请让我知道，如果你想我从代码中添加更多的东西.....请帮助!!

解决方案

我得到它的工作。似乎喜欢js文件我正在发送参数列表后的第二个参数。以下是新代码：

  function get_data（）{
 new Ajax.Request（'/ abc / abc /添加'，{
方法：'POST'，
参数：$ H（{'type'：$（'id_data'）。getValue（），$ b $'csrftoken'：$（ （传输）{
 var e = $（'id_data1'）
 if（transport.responseText）
 e.update（transport.responseText）
} 
 
}）; //结束新的Ajax.Request 
} 
  

这是我的观点：

$ b $ pre $ 如果request.is_ajax（）：
cur = connections ['data']。cursor（）
SQL =' SELECT uuid，name FROM abc_abc where parent_id =％s'
auto_type = request.POST.get（'type'，''）
conv = iri_to_uri（auto_type）
conv2 =（conv， ）
cur.execute（SQL，conv2）
colors = dictfetchall（cur）
return render_to_response（'abc / add.html'，{$ b $'colors'：colors，
}，context_instance = RequestContext（request））


这里是html obejct：

 < table border =0cellpadding =0cellspacing =0> 
< tr> {{form.abc.errors}}< / tr> 
< tr> 
< th>< label> ABC：< / label>< / th> 
< td>< select name =abcid =id_abc> 
< option value =selected =selected> ---------< / option> 
 {％for c in colors％} 
< option value ={{c.uuid}}> {{c.name}}< / option> 
 {％endfor％} 
< / select>< / td> 
< td>< / td> 
< / tr> 
< / table> 
< br> 
  

I have a form that is used to add an item where 2 dropdowns are populated using different database than the database where the form will be submitted. I would like to add AJAX to the drop downs where selecting one item in the first drop down will auto populate data in the 2nd drop down using AJAX. The issue is that I am using the same view for the form to populate the data and its not working even though I m using the is.ajax() call.

Here is my AJAX code:

function get_data(){
//  alert('test');
new Ajax.Request('/abc/abc/add', {
method: 'POST',
parameters: $H({'type':$('id_data').getValue()},
                            {'csrfmiddlewaretoken':$( "csrfmiddlewaretoken" ).getValue()}),
onSuccess: function(transport) {
    var e = $('id_def')
    if(transport.responseText)
        e.update(transport.responseText)
}
}); // end new Ajax.Request
//alert($( "csrfmiddlewaretoken" ).getValue());
}

Here is my view code:

if request.is_ajax():
#if request.is_ajax()
    cur = connections['data'].cursor()
    #auto_type = Auto.objects.filter(type=request.POST.get('type', ''))
    abctype = request.POST.get('type', '')
    SQL = 'SELECT uuid FROM abc_abc where uid  = %s', abctype
    cur.execute(SQL)
    auto_type =cur.fetchone()




    cur = connections['data'].cursor()
    SQL = 'SELECT uuid, name FROM abc_abc where parent_id  = %s', auto_type
    cur.execute(SQL)
    colors = cur.fetchall()
    return render_to_response('abc/add_abc.html', {
            'colors' : colors,
            }, context_instance=RequestContext(request))

Is there anything else that I m missing? Please let me know if you would like me to add some more things from the code.....Please help!!

解决方案

I got it to work. Seems liked on the js file I was sending the 2nd parameter after the parameter list. Here is the new code:

function get_data(){
new Ajax.Request('/abc/abc/add', {
method: 'POST',
parameters: $H({'type':$('id_data').getValue(),
                'csrftoken':$( "csrftoken" ).getValue()
                 }),
onSuccess: function(transport) {
var e = $('id_data1')
if(transport.responseText)
      e.update(transport.responseText)
}

}); // end new Ajax.Request
}

Here is my view:

if request.is_ajax():
    cur = connections['data'].cursor()
    SQL = 'SELECT uuid, name FROM abc_abc where parent_id  = %s'
    auto_type = request.POST.get('type','')
    conv = iri_to_uri(auto_type)
    conv2 = (conv,)
    cur.execute(SQL,conv2)
    colors = dictfetchall(cur)
    return render_to_response('abc/add.html', {
            'colors' : colors,
            }, context_instance=RequestContext(request))

Here is the html obejct:

<table border="0" cellpadding="0" cellspacing="0">
        <tr>{{ form.abc.errors }}</tr>
        <tr>
            <th><label>ABC:</label></th>
            <td><select name="abc" id="id_abc">
  <option value="" selected="selected">---------</option>
 {% for c in colors %}
<option value="{{ c.uuid }}">{{ c.name }}</option>
    {% endfor %}
</select></td>
            <td></td>
        </tr>
    </table>
    <br>

这篇关于Django使用AJAX和Forms，Views的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！