"خطأ في بناء الجملة غير معروف: معرف غير متوقع" في جافا سكريبت في قالب Django

0

أنا أقوم بإنشاء تطبيق طقس Django ، حيث يوجد حقل إدخال بحث وبكتابة اسم المدينة في المدخلات يمكننا الحصول على تفاصيل الطقس في وحدة التحكم في الوقت الحالي. ولكن عند كتابة أي اسم مدينة في شكل إدخال ، يظهر "Uncaught SyntaxError: Unexpected identifier" خطأ في وحدة التحكم. لا يمكنني تصحيح هذا الخطأ.

models.py

class City(models.Model):
    name = models.CharField(max_length=100)

    def __str__(self):
        return self.name

forms.py

class CityForm(forms.ModelForm):
    class Meta:
        model = City
        fields = ('__all__')

urls.py

urlpatterns = [
path('ajax5',views.ajax5view)
]

views.py

def ajax5view(request):
    return render (request,'ajax5.html')

ajax5.html

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
   </script>
    <script src="{% static 'js/ajax5.js' %}" type="text/javascript">

    </script>
</head>
<body>
<form method="GET" action="">
    <span><input type="text"  name='city_name' id="city" placeholder="Search: city_name" value="{{ request.GET.get }}"/></span>

    <span><input class="btn btn-primary btn-sm" type="submit" value="Search" ></span>
    </form>
</form>
</body>
</html>

جافا سكريبت (ajax5.js)

$(document).ready(function(){
    $('.btn').click(function(){
        var city = $('#city').val();
            $.ajax({
                url: 'https://api.openweathermap.org/data/2.5/forecast?q='+ city +'&appid=026b9c980571390d69406536cdaaccea',
                method : 'GET',
                dataType: 'json'
                success: function(data){
                    console.log(data);
                }

            })

    });
});

1 إجابة

0

كما تم تصحيحه بواسطةWillemVanOnsem ، أضفت فاصلة في DataType Line ثم كانت المشكلة هي تحديث النموذج الخاص بي ، وبالتالي تم مسح البيانات من وحدة التحكم. لذلك أضفت preventDefault() وكودتي تعمل بشكل جيد. هذا هو رمز أياكس النهائي الخاص بي.

$(document).ready(function(){
    $('.btn').click(function(event){
    event.preventDefault()
        var $city = $('#city').val();
            $.ajax({
                url: "https://api.openweathermap.org/data/2.5/forecast?q="+$city+"&appid=026b9c980571390d69406536cdaaccea",
                type : 'GET',
                dataType: 'json',

                success: function(data){
                    console.log(data);
                }

            })

    });
});
:مؤلف

أسئلة ذات صلة

فوق
قائمة طعام