---
title: "Ajax och CI problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/191836-ajax-och-ci-problem"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mycodez"
published: "2013-11-03T12:45:27.000Z"
updated: "2013-11-05T22:16:08.000Z"
replies: 35
views: 2017
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/191836-ajax-och-ci-problem"
---

# Ajax och CI problem

_Sida 1 av 2._

## #1 — Mycodez, 2013-11-03T12:45Z

Hej, Jag hat suttit och blivit galen på detta nu. 
Jag har suttit och arbetat på ett ajax anrop och nu när jag har arbetat en formvalidering till mitt form som finns is CI men det är något som är fel jag vet dock inte vad :/ jag gör mitt anrop men då skickas jag till sidan där jag har mitt anrop till eller så blir det att ajax:error körs :/

Min javascriot ser ut

```
/* Attach a submit handler to the form */
$("#foo").submit(function(event) {

    /* Stop form from submitting normally */
    event.preventDefault();

    /* Clear result div*/
    $("#result").html('');

    /* Get some values from elements on the page: */
    var values = $(this).serialize();

    /* Send the data using post and put the results in a div */
    $.ajax({
        type: this.method || get,
		url: this.action,
        data: values,
        dataType: 'json',
        success: function(data){
         			var msg = data.returned_val;
         			
          			if(msg=="yes")
          			{
              			$("#myModal").modal('hide');                                           
              			return true;
         			}
         			else
         			{
         				var er = "";
            			alert('Server error');
            			for (var i=0; i<data.error.length; i++) {
            				er = er + '<br>'+data.error[i];
						}
            		//return false;
        			$("#result").html(' - Du har följande fel - ' + er);
        			}
        },
        error:function(){
            alert("failure");
        }
    });
});
```

och min funktion där jag har mitt anrop till ser ut

```
function edit_work(){
	
			if($this->input->post()){
			/* här sker valideringen */

			$this->form_validation->set_rules($config);
			$this->form_validation->set_error_delimiters('<div class="alert alert-error">', '</div>');
			if ($this->form_validation->run() == FALSE){
				return json_encode(array('returned_val' => 'no', 'error' => validation_errors()));
				//return validation_errors();
			}else{
				return json_encode(array('returned_val' => 'yes'));
			}	
		}	
	}
```

vad är det jag har gjort fel? kan säga jag blir frustrerad över detta :/

Permalänk: https://www.webforum.nu/p/191836

## #2 — Mycodez, 2013-11-03T13:27Z

Jag har får nu bara ajaxens error som körs och inget annat händer :/

Permalänk: https://www.webforum.nu/p/2314597

## #3 — voigtann1, 2013-11-03T14:02Z

vad säger konsollen i din webbläsare när ajax anropet körs?

Permalänk: https://www.webforum.nu/p/2314598

## #4 — Mycodez, 2013-11-03T19:13Z

Jag får inget i konsollen :S Vad kan det var då? :/

Permalänk: https://www.webforum.nu/p/2314603

## #5 — voigtann1, 2013-11-03T19:17Z

F12 på de flesta webbläsare idag och där skall du se konsollen om du letar. 

du kan ju även köra en console.log(data) för att presentera för oss hur ditt JSON objekt ser ut som du få tillbaka

Permalänk: https://www.webforum.nu/p/2314604

## #6 — Mycodez, 2013-11-03T19:28Z

Fortfarande inget:/ 
<http://www.beta.jobbsokarna.nu/user/view/1> testa själv om du får upp något tryck på redigera under yrkes erfarenheter, då kommer modalen upp och det är där sen när man trycker på spara ändringar som ajax requesten ska utföras

Permalänk: https://www.webforum.nu/p/2314605

## #7 — voigtann1, 2013-11-03T19:32Z

hjälpte inte direkt mycket få 404

Permalänk: https://www.webforum.nu/p/2314606

## #8 — Mycodez, 2013-11-03T19:32Z

Detta fick jag då 

när jag körde console.log(data)
\[a#data.btn btn-default, a#data.btn btn-default, a#data.btn btn-default, item: function, namedItem: function\]

Permalänk: https://www.webforum.nu/p/2314607

## #9 — Mycodez, 2013-11-03T19:35Z

Ändra jag i min php funktion från return till echo så fick jag ingen feedback i loggen och fick inte upp alert("failure")

Permalänk: https://www.webforum.nu/p/2314608

## #10 — voigtann1, 2013-11-03T19:58Z

> **[Mycodez skrev:](https://www.webforum.nu/p/1569291)**
>
> Detta fick jag då 
> 
> när jag körde console.log(data)
> \[a#data.btn btn-default, a#data.btn btn-default, a#data.btn btn-default, item: function, namedItem: function\]

var kör du den? du skall ju ha den inne i din sucess callback funktion

> **[Mycodez skrev:](https://www.webforum.nu/p/1569292)**
>
> Ändra jag i min php funktion från return till echo så fick jag ingen feedback i loggen och fick inte upp alert("failure")

Ja, för det bli en sträng och inte ett JSON objekt.

Permalänk: https://www.webforum.nu/p/2314609

## #11 — Mycodez, 2013-11-03T20:08Z

jag får inget svart från console.log(data) i från successen, men från error: så får jag det angivna svaret:/

Okej då hänger jag med tror jag^^

Permalänk: https://www.webforum.nu/p/2314610

## #12 — Mycodez, 2013-11-04T15:20Z

Nu kan ni testa sidan jag såg att jag hade en spärr på sidan. men nu kan ni testa ^^

Permalänk: https://www.webforum.nu/p/2314619

## #13 — Mycodez, 2013-11-04T16:15Z

Märker en grej, när jag kör echo så får jag en response i ajaxen men får inte response när jag kör return. 

men en fråga hur får jag tag modalens id med eller så? :)

Permalänk: https://www.webforum.nu/p/2314621

## #14 — voigtann1, 2013-11-04T16:23Z

fungera för mig... men du har inget som har ett id med #myModal så det bli ju svårt att triggar det eventet. Sen behöver du inte return i din callback på ajax.

däremot finns $("#myModal15") kör du random nummer(eller något id på dessa? iså fall få du ju bygga om din selector: 

```
$(".modal:visible")
```

borde fungera bättre för dig.

Du behöver nog lära dig lite hur webbverktygen i din webbläsare fungera bli betydligt enklare att felsöka dina koder ;)

Permalänk: https://www.webforum.nu/p/2314622

## #15 — Mycodez, 2013-11-04T16:38Z

Detta med #modal15 och så det är #modal är modalen som finns sen 15 är id som är kopplat till databasen :) 

Kanon det gjorde det :)

Jaa det håller jag med om. men jag är "ny" med detta och jag har knappt använt detta men klart jag ska lära mig mera om verktygen ^^ har du fler tips? en google chromes console och firebug? :) eller finns det fler knepp? :)

Permalänk: https://www.webforum.nu/p/2314623

## #16 — Mycodez, 2013-11-04T16:45Z

En fråga till, Varför fungerar första men när jag testar dem andra så visas det som ska visas som response som json data från php funktionen? någon idé

Permalänk: https://www.webforum.nu/p/2314624

## #17 — voigtann1, 2013-11-04T16:46Z

> **[Mycodez skrev:](https://www.webforum.nu/p/1569310)**
>
> En fråga till, Varför fungerar första men när jag testar dem andra så visas det som ska visas som response som json data från php funktionen? någon idé

Vet inte riktigt vad du menar men om du hämta formuläret med ajax eller skriver över den så måste du ju binda om eventet för submit

edit:

jaha du skall ha flera knappar, du är medveten om att ett ID får bara finnas en gång? du binder submit på ett #foo du kan alltså inte ha fler än en #foo per sida i din DOM.

istället för #foo så kan du kanske köra med: $(".modal form")

Permalänk: https://www.webforum.nu/p/2314625

## #18 — Mycodez, 2013-11-04T18:20Z

Ne det visste jag faktiskt inte men varför kan man ha fler class(.modal form) än id:n (#)?

edit: 
Det funkar nu med (.modal form) :)

Permalänk: https://www.webforum.nu/p/2314626

## #19 — voigtann1, 2013-11-04T18:27Z

för spec:en är så?

CSS mässigt så kommer du kunna ha flera element med samma id men JS har:

```
document.getElementById
```

dvs den kommer bara hämta en DOM-element.

id är unikt och innan html5 så fick den inte starta med ett tal ( <http://www.w3.org/html/wg/drafts/html/master/dom.html#the-id-attribute> )

Permalänk: https://www.webforum.nu/p/2314627

## #20 — Mycodez, 2013-11-04T18:46Z

Okej :) Tackar och dockar nu funkar allt som det ska tror jag ^^ det gör det jag vill den ska göra :)

Permalänk: https://www.webforum.nu/p/2314628

---

Tråden på webben: https://www.webforum.nu/amne/javascript/191836-ajax-och-ci-problem  
Nästa sida: https://www.webforum.nu/amne/javascript/191836-ajax-och-ci-problem/page2.md