</div>
</div>
</div>
<hr class="my12 outline-none baw0 bb bc-powder-2">
<div class="grid fw-nowrap fc-black-600">
<div class="grid--cell mr8">
<svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
</div>
<div class="grid--cell lh-md">
<p class="mb0">
<b>Want to improve this question?</b> Add details and clarify the problem by <a href="/posts/49949101/edit">editing this post</a>.
</p>
<p class="mb0 mt6">Closed <span title="2018-04-21 12:01:49Z" class="relativetime">2 years ago</span>.</p>
</div>
</div>
</aside>
I can not figure out how to change the page without rebooting with Ajax.
urls.py
urlpatterns = [
path('name/', views.name, name='name'),
path('', views.index, name='index'),
]
views.py
def name(request):
return render(request, 'site/name.html')
index.html
<a href="/name" id="aj">page name</a>
<div id="content">
{% block content %}
{% endblock %}
</div>
I will be very grateful if you will give me a simple code.
</div>
if your view return html, you could do like this,
var post_data = {
'field1':x,
'field2':y,
'csrfmiddlewaretoken': "{{ csrf_token }}"
};
$.post("{% url "urlname" %}", post_data, function(result){
$("#content").html(result);
})
You can try whit this..
views.py
def page_name(request):
return render(request, 'site/name.html', {})
urls.py
from .views import index, page_name
urlpatterns = [
path('name/', page_name, name='name'),
path('', index, name='index'),
]
index.html
<a href="#" id="clickme">page name</a>
{% block content %}
<div id="content">
<!-- Your content -->
</div>
{% endblock content %}
<script type="text/javascript">
$('#clickme').click(function(evt){
evt.preventDefault();
$.ajax({
synch: 'true',
type: 'GET',
url: '{% url 'name' %}',
success: function(data){
$('#content').html(data);
}
});//End Ajax
}
</script>